2008
12.14

Let it snow.

在朋友 sotom 的部落格上面看到 wp 冬季應景外掛 – Let It Snow!,覺得很有趣,所以裝了起來,雪花是用 png 以及 gif 做成的,為了瀏覽器相容,所以預設是 gif ,但我們也可以透過設定強制使用 PNG 圖片..

在外掛的 JavaScript 檔內的 SnowStorm() 有些屬性可以設置:

  // 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 資源

如果想看聖誕節下雪,就點一下這個連結吧 (必須在網誌內點選才有效果)。

2 comments so far

Add Your Comment
  1. 我被嚇到了
    想說怎麼有白點閃過 XD

  2. 因為聖誕節到囉!! :mrgreen: :mrgreen:

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>