Home » jQuery 外掛

[jQ]jQuery Firefly 0.1

[ 日期： | 瀏覽：8,502 | 迴響：5 ]
範例 1
請協助我把這個效果加到我的網站 (只要 600 元)
沒錯!只要 600 元就能獲得我們團隊完整的協助，讓效果能迅速的整合到您的網站，並保證瀏覽器的相容性。
立刻申請!



jQuery Firefly 是一個可以從指定圖片庫中，產生指定數量且隨機圖片，並讓這些圖片在網頁中隨機的飄移來~飄移去的外掛套件！

套件名稱：jQuery Firefly
套件網址：0.1
作者網站：https://github.com/motyar/firefly
套件網址：N/A
發佈日期：2012-03-08
檔案大小：1.73 KB
檔案下載：jquery.firefly.js

HTML 屬性說明：

檢視原始碼 JavaScript
1
2
3
4
5
6
7
8
9
10
11
12

images(選填)
描述： 要飄移的圖片來源
預設值： [
	'http://dharmmotyar.googlecode.com/svn/trunk/images/spark.png',
	'http://dharmmotyar.googlecode.com/svn/trunk/images//spark2.png',
	'http://dharmmotyar.googlecode.com/svn/trunk/images/spark3.png',
	'http://dharmmotyar.googlecode.com/svn/trunk/images/spark4.png'
]
 
total(選填)
描述： 飄移圖片的數量
預設值： 40

方法說明：

檢視原始碼 JavaScript
1
2

// 在指定的區塊上進行倒數計時效果
$.firefly(userOptions);

使用範例：

檢視原始碼 JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.firefly.js"></script>
<style type="text/css">
	body {
		background: #000;
	}
</style>
<script type="text/javascript">
	$(function(){
		// 設定產生共有 40 個指定圖片在網頁中飄移
		$.firefly({
			images: [ 'images/red_1_1.png', 'images/red_2_2.png' ], 
			total: 40
		});
	});
</script>
 
<body>
 
</body>

範例 1

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

備註:
作者的 0.2 版是將圖片產生在寫死的 #header 區塊中。

5 筆針對 [jQ]jQuery Firefly 0.1 的迴響

發表迴響