Home » jQuery 外掛

[jQ]jQuery Firefly 0.1

範例 1
沒錯!只要 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 的迴響

發表迴響