title: 為網頁營造耶誕的下雪氣氛

---

**摘要**

聖誕節到了，雖然沒有什麼禮物可以送給大家，只好讓網站來應景一下，弄個雪花紛飛的網頁特效。 你也想要讓你的網站有雪花紛飛的效果嗎？如果你使用的是 WordPress 系統架設網站，只需要安裝一個外掛就可以；如果你使用其他的方式架站（如其他系統或是自行開發的系統）也可以在程式碼中插入一個短短的JS程式碼做出雪花特效，一起來應景一下吧！

**Category**

- [其他類型](https://www.soft4fun.net/category/software/other)

**Tag**

- [下雪](https://www.soft4fun.net/tag/%e4%b8%8b%e9%9b%aa)
- [網頁特效](https://www.soft4fun.net/tag/%e7%b6%b2%e9%a0%81%e7%89%b9%e6%95%88)
- [耶誕](https://www.soft4fun.net/tag/%e8%80%b6%e8%aa%95)
- [聖誕節](https://www.soft4fun.net/tag/%e8%81%96%e8%aa%95%e7%af%80)

---

聖誕節到了，雖然沒有什麼禮物可以送給大家，只好讓網站來應景一下，弄個雪花紛飛的網頁特效。

 

你也想要讓你的網站有雪花紛飛的效果嗎？如果你使用的是 WordPress 系統架設網站，只需要安裝一個外掛就可以；如果你使用其他的方式架站（如其他系統或是自行開發的系統）也可以在程式碼中插入一個短短的JS程式碼做出雪花特效，一起來應景一下吧！

          

#### WordPress 版本

 

有以下兩個外掛可使用：

 

1. **外掛名稱**：Let it snow
  **雪花樣式**：圓點狀的雪從網頁上方飄落。
  **後台設定**：可以設定雪飄落的速度以及是否隨滑鼠移動而改變飄落方向。
  **下載網址**：[http://wordpress.org/extend/plugins/let-it-snow/](http://wordpress.org/extend/plugins/let-it-snow/)
  **實際範例**：[http://www.soft4fun.net](http://www.soft4fun.net)（我們就是示範）
2. **外掛名稱**：Snow, balloons and more
  **雪花樣式**：冰晶狀的雪花從網頁上方飄落。
  **後台設定**：可以設定數十種飄落物的樣式，有氣球、落葉、冰晶、水滴…等，也可以設定雪花數量。
  **下載網址**：[http://wordpress.org/extend/plugins/nksnow/](http://wordpress.org/extend/plugins/nksnow/)

 

啟用方式：安裝後直接啟用就會在頁面上出現雪花。

 

#### 其他安裝方式

 

小弟不會寫程式，所以蒐集了網路上比較熱門的雪花語法分享，安裝方式都很簡單。

 

※由於必須在程式碼中插入Java Script，若你的網站不支援插入 Java Script 語法的話就沒辦法使用了。

 

1. **名稱**：替你的網頁新增下雪特效
  **網址**：[http://blog.dogg3h.com/add-snow-effect-into-your-website](http://blog.dogg3h.com/add-snow-effect-into-your-website)
  **簡述**：將JS檔放到網站根目錄後，在安裝網頁提供的語法就行了。可以修改雪花的樣式，但需要一點點程式基礎。
2. **名稱**：讓雪花飄吧！
  **網址**：[http://blog.roodo.com/esabear/archives/7888139.html](http://blog.roodo.com/esabear/archives/7888139.html)
  **簡述**：直接在網頁中插�
  �程式碼即可。但似乎不支援 Firefox（IE沒問題）。

 

雪花特效雖然不錯，但是不要搞得太華麗，因為**大量的雪花數量會吃掉系統資源**，可能會造成捲動網頁時出現影像殘留的情況，建議安裝後就不要調整雪花數量，否則讀者不知道是去看雪還是看內容。