十月份以來,媒體一直在報導今年可能將遭遇千年寒冬,其實不管是真或是炒作,今年的冬天的確真的特別冷;言歸正傳,如何在自己的網誌中加入下雪的特效,來營造冬天的感覺呢?我上網找了一下現成的Widget / Javascript,發現「Add Falling Snowflakes / Flowers / Leaves to Your Blog」這篇文章中的用法蠻簡單的,可以輕易的就讓你的部落格感受到零下的溫度。
特效一
請將以下的語法加到可以支援Javascript的地方即可,這樣你的Blog就會出現雪花片片,以Blogger為例:新增一個HTML/Javascript的小工具,將語法放在裡面即可
特效二
同上,將以下語法加到可以支援Javascript的地方即可,可讓你的部落格降下落葉
特效三:SnowStorm
這和前面二種不同,這個特效不是採用圖片,而是完全採用程式所繪出,所以可以調整一些參數,「基本語法」如下,套用下面的語法後便可以看到雪花飄飄,而且雪花會隨著你滑鼠來改變方向。
註:特效採用BSD授權條款。Live Demo 一、Live Demo 二
由於每個人的Blog背景不同,如果網誌背景和雪花的顏色相同,那出來的效果就不太好,不過這個特效可以做一些參數的設定來解決此問題。
用法:請在上面的「基本語法」後面,再加入以下的語法,然後調整以下三個參數
- snowColor:設置雪花的顏色,這樣可以解決和背景色太類似的問題
- flakesMaxActive:設定雪花數,數字越大雪花越多
- useTwinkleEffect:true代表有閃爍的特效,false則無
基本上,特效一和特效二的Javascript程式碼都是相同的,差別只在於圖片的不同,也就是說你可以自行替換掉這個圖片,這樣你就可以在不同的節日中,讓網誌有不同的感受,例如在情人節時可以飄下愛心,新年時可以飄下紅包、鞭炮等,修改方法我簡述如下:
- 以特效一為例,下載「falling_snowflakes.js」檔案
- 用文書編輯器打開此檔,將檔案中的「FallingLeaves.gif」換成你要的圖片
- 將JS檔上傳到自己的空間,然後把語法換成新JS檔的網址即可
特效四
你可以將特效一、二與特效三一起使用,畫面會更加豐富喔
註:建議各位可以自行將Javascript檔下載後上傳到自己的空間,以防止上面語法所放置的空間失效