替部落格加入雪花、落葉、愛心特效,增添過節氣氛


十月份以來,媒體一直在報導今年可能將遭遇千年寒冬,其實不管是真或是炒作,今年的冬天的確真的特別冷;言歸正傳,如何在自己的網誌中加入下雪的特效,來營造冬天的感覺呢?我上網找了一下現成的Widget / Javascript,發現「Add Falling Snowflakes / Flowers / Leaves to Your Blog」這篇文章中的用法蠻簡單的,可以輕易的就讓你的部落格感受到零下的溫度。

特效一

請將以下的語法加到可以支援Javascript的地方即可,這樣你的Blog就會出現雪花片片,以Blogger為例:新增一個HTML/Javascript的小工具,將語法放在裡面即可

<script language=”JavaScript” src=”http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/falling_snowflakes.js”> </script>

特效二

同上,將以下語法加到可以支援Javascript的地方即可,可讓你的部落格降下落葉

<script language=”JavaScript” src=”http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/falling_leaves.js”> </script>

特效三:SnowStorm

這和前面二種不同,這個特效不是採用圖片,而是完全採用程式所繪出,所以可以調整一些參數,「基本語法」如下,套用下面的語法後便可以看到雪花飄飄,而且雪花會隨著你滑鼠來改變方向。
註:特效採用BSD授權條款Live Demo 一Live Demo 二

<script type=”text/javascript” src=”http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/snowstorm.js” />

由於每個人的Blog背景不同,如果網誌背景和雪花的顏色相同,那出來的效果就不太好,不過這個特效可以做一些參數的設定來解決此問題。

用法:請在上面的「基本語法」後面,再加入以下的語法,然後調整以下三個參數

  • snowColor:設置雪花的顏色,這樣可以解決和背景色太類似的問題
  • flakesMaxActive:設定雪花數,數字越大雪花越多
  • useTwinkleEffect:true代表有閃爍的特效,false則無

<script type=”text/javascript”> snowStorm.snowColor = ‘#99ccff’; snowStorm.flakesMaxActive = 96; snowStorm.useTwinkleEffect = true; </script>

基本上,特效一和特效二的Javascript程式碼都是相同的,差別只在於圖片的不同,也就是說你可以自行替換掉這個圖片,這樣你就可以在不同的節日中,讓網誌有不同的感受,例如在情人節時可以飄下愛心,新年時可以飄下紅包、鞭炮等,修改方法我簡述如下:

  1. 以特效一為例,下載「falling_snowflakes.js」檔案
  2. 用文書編輯器打開此檔,將檔案中的「FallingLeaves.gif」換成你要的圖片
  3. 將JS檔上傳到自己的空間,然後把語法換成新JS檔的網址即可

特效四

你可以將特效一、二與特效三一起使用,畫面會更加豐富喔

註:建議各位可以自行將Javascript檔下載後上傳到自己的空間,以防止上面語法所放置的空間失效