Home » jQuery 外掛

[jQ]jquery.snow 1

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



想讓網頁在聖誕節時能下下雪嗎?jquery.snow 利用特殊字元的方式來產生雪的樣式及下雪的動畫。讓我們一起來叮叮噹吧~

套件名稱:jquery.snow
套件版本:1
作者網站:http://workshop.rs/2012/01/jquery-snow-falling-plugin/
套件網址:N/A
發佈日期:2012-01-21
檔案大小:1.75 KB
檔案下載:jquery.snow.js

參數選項說明:

檢視原始碼 JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
minSize(選填)
描述: 雪片最小的尺寸
預設值: 10
 
maxSize(選填)
描述: 雪片最大的尺寸
預設值: 10
 
newOn(選填)
描述: 雪片產生的速度;單位毫秒(1000毫秒 = 1)
預設值: 500
 
flakeColor(選填)
描述: 雪片的顏色
預設值: "#FFFFFF"

方法說明:

檢視原始碼 JavaScript
1
2
// 把指定元素套上模糊效果
$(selector).blurjs(options);

使用範例:

檢視原始碼 JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.snow.js"></script>
<style type="text/css">
	body{
		background: #000;
	}
</style>
<script type="text/javascript">
	$(function(){
		// 產生下雪效果
		// 每隔 100 毫秒(0.1 秒)產生一個介於 5~50px 且顏色為 #0099FF 的雪片
		$.fn.snow({
			minSize: 5, 
			maxSize: 50, 
			newOn: 100, 
			flakeColor: '#0099FF'
		});
	});
</script>
 
<body>
 
</body>
範例 1

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

8 筆針對 [jQ]jquery.snow 1 的迴響

發表迴響