Home » jQuery 外掛

[jQ]Dynamo

範例 1
沒錯!只要 300 元就能獲得我們團隊完整的協助,讓效果能迅速的整合到您的網站,並保證瀏覽器的相容性。
立刻申請!



Dynamo 會在指定的區塊中加入一組新的文字內容區塊,然後動態的輪播切換顯示。不過它的用法比較特別一點,只要在 HTML 的元素中設定屬性就可以。

套件名稱:Dynamo
套件網址:N/A
作者網站:http://jordanscales.com/dynamo/
套件網址:N/A
發佈日期:2012-05-16
檔案大小:2.12 KB
檔案下載:dynamo.js

HTML 屬性說明:

檢視原始碼 JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
data-lines(選填)
描述: 要用來切換顯示的文字,每一組文字用逗號隔開(原始的文字也會自動被包含進去)
預設值: 無
 
data-speed(選填)
描述: 每一組文字的切換速度(1000毫秒 = 1秒)
預設值: 350
 
data-delay(選填)
描述: 每一組文字的輪播速度(1000毫秒 = 1秒)
預設值: 3000
 
data-center(選填)
描述: 若設為 true 時,則文字在 dynamo 中會置中
預設值: false

方法說明:

檢視原始碼 JavaScript
1
2
// 把指定的元素套用 Dynamo 效果
$(selector).dynamo();

使用範例:

檢視原始碼 JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="dynamo.js"></script>
<script type="text/javascript">
	$(function(){
		// 套用 dynamo 效果
		$('.dynamo').dynamo();
	});
</script>
 
<body>
	<p>我喜歡 <span class="dynamo" data-lines="Evernote,Google Docs,Google Maps" data-center="true">Dropbox</span> 提供的服務。</p>
</body>
範例 1

檔案描述
基本的範例檔案(免空) 開始下載
基本的範例檔案 會員限定

發表迴響