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

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

Let it snow.

Share this:

2 comments on “Let it snow.”

Leave a Reply Cancel reply