25 十二月
JavaScript 為網頁營造耶誕的下雪氣氛
各位好朋友們,
耶誕快樂!今天佳佳來分享簡易加上雪景的功能。
全球華文網的朋友們:
- 在網誌模版編輯器下,找到您正在使用的模版
- 編輯header.templat
- 按Ctrl+F5,搜尋到</head>
- 在</head>標籤之前,貼上以下JavaScript語法:
<script type="text/javascript"
src="http://www.schillmania.com/projects/snowstorm/snowstorm.js">
</script> - 儲存,恭禧!
其他朋友們:
- 下載JavaScript檔案「snowstorm.js」(右鍵 -> 另存新檔) 存放在網頁根目錄
- 編輯想顯示雪景的網頁,找到</head>標籤
- 在</head>標籤之前,貼上以下JavaScript語法:
<script type="text/javascript" src="snowstorm.js"></script> - 儲存,恭禧!
補充:
- 若是您的網頁背景為白色,白色的下雪氣氛不明顯,可以在</head>標籤之前,再貼上以下JavaScript語法,讓您的雪變為淡藍色:
<script type="text/javascript">snowStorm.snowColor = '#99ccff';</script> - 想要再調整雪景的效果嗎?可以參考官方網站「Snowstorm: A Javascript Snow Effect for HTML」查詢喔!

25 十二月 2009, 11:19
哈哈哈! 好好玩的聖誕禮物! 好漂亮、好應景啊!:D
謝謝小米花! 97-3和Erin的兩個小窩都下起雪來囉! ~真開心呢!
小米花,用IE瀏覽器觀看時,上面發文區中專供華文網用的語法尾端被切除了(看不到),如果少了那一小段,網頁會發生錯誤,所以在這裡放了一個小補充(link)。
在Firefox下則是正常的兩行語法。
佳佳好! 佳佳好! 謝謝小米花~佳佳!:P
聖誕快樂! 新年快樂!
~Erin:):)
25 十二月 2009, 13:12
哈哈! Erin真棒!
小米花沒注意到這個語法太長了, 我的版面又太小, 後面被剪掉了 >\\\<
有再修改一下, 大家試試看喔!
25 十二月 2009, 22:27
哈哈! 棒棒Erin+棒棒小米花! ~好開心呀!
~Erin:):)
30 十二月 2009, 07:22
哇!這是我今年第N次嘗試下雪,終於用捲捲米花的說明,完成了我以為不可能得任務!!!!開心!謝謝!祝 新年快樂!
LIZ
31 十二月 2009, 13:14
恭禧!恭禧! :-) 妳高興我也很高興~ 哈哈!
新年快樂!!
02 元月 2010, 00:41
Wow! It works! Thank you for sharing.
You are wonderful!
All the best to you in 2010!