在朋友 sotom 的部落格上面看到 wp 冬季應景外掛 – Let It Snow!,覺得很有趣,所以裝了起來,雪花是用 png 以及 gif 做成的,為了瀏覽器相容,所以預設是 gif ,但我們也可以透過設定強制使用 PNG 圖片..
在外掛的 JavaScript 檔內的 SnowStorm() 有些屬性可以設置:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 |
// User-configurable variables var usePNG = false; // 使用 PNG 圖檔,注意 IE6 不支援 PNG 的 Alpha Channel var imagePath = sitePath + 'image/snow/'; // relative path to snow images // 雪花圖片的位置 var flakeTypes = 6; // 使用 0.gif ~ 5.gif 共六種雪花,如果是 5 的話就是使用 0.gif~4.gif 共五種雪花 var flakesMax = 60; // 同時螢幕上最多可以有多少雪花 var flakesMaxActive = 60; // 同時落下雪花最大的數目 var vMax = 2.5; // 定義落下的速度,X 水平和 Y垂直 var flakeWidth = 5; // 圖片寬度 var flakeHeight = 5; // 圖片高度 var flakeBottom = null; // 落下高度的限制,單位是像素,如果是 null 則全螢幕。 var snowCollect = false; // 限制雪花落下時的水平軸位置 var showStatus = false; // 雪花堆積在螢幕下方,建議不要啟動,會浪費 CPU 資源 |
因為聖誕節到囉!!

我被嚇到了
想說怎麼有白點閃過 XD