JavaScript 网页飘下美丽白色雪花效果（js 代码）

这几天大家看我们网站页面，应该发现了屏幕画面正飘著冉冉白雪，这可不是屏幕接触不良造成的雪花干扰，而是 JetPack 团队追加的一枚小小彩蛋，除了让网站画面变得更美丽之外，不断降下的白雪其实相当应景。

尤其在鼠标在屏幕上滑来滑去时还能影响白雪飘动的方向，也是颇为有趣的卖点。相信这项功能值得各位网站站长与部落客一装，尤其几天后就是北半球最冷的圣诞节，有了白雪陪伴就更符合冬天独有的风味。

请参见下图一，这次的雪花落下特效的作用区域是整个网站屏幕画面，不会阻碍正常鼠标操作。雪花还会随著鼠标移动而飘移。

图一，网站画面撷取。

第一次开启网站页面时并不会立刻出现落雪效果，用户必须让鼠标移动后才会触发这次雪花特效。 自爆注：虽然我特别把飘雪的画面截成图一，不过你在读这篇的时候应该也看得到飘雪的动画才对，感觉自己好呆。）

降下雪花特效的启用教学

第一种方式，不限定 WordPress，适用任何网站与网页，包括 Google Blogger (Blogspot)。

<script src="./snowstorm.js" type="text/javascript"></script>

之后当你开启网页时便会读取该特效文件，接著自动执行落下雪花的屏幕特效。 另外，代码也可以放置在网页内码最底部 之前，好处是可以延迟降雪程序的载入时间，尽量不去影响你原始网站的读取速度。虽然这支雪花特效的程序已经非常小巧，不过能省一点是一点啰（铁公鸡性格上身）。

第二种方式，限定 WordPress，而且限时，只到明年一月四日为止。

这次雪花特效的原始来源是由 WordPress 套件 JetPack 有条件的提供。当你更新了最新的 Jetpack 后，你就能在 WordPress 后台设定中的「Setting」→「General」页面找到如下图二所示的功能选项：「Snow - Show falling snow on my blog until January 4th.」。 你只要在这边勾选前方的确认方块即可自动启用雪花落下的特效应用。

图二，降雪，后台系统设定画面。

要注意，因为第二种方法有时间条件的限制（Until January 4th, 2015），如果你跟我一样喜欢这个降雪功能，请记得使用第一种启用方式，网站页面才会一直降下白雪哦！

延伸阅读

1. 完整 WordPress 网站安装心得教学与问题纪录专用页面。
2. 【WordPress】删除布景主题（Themes）教学（部落格后台设定与服务器文件管理）。