聖誕節快到了,

習慣在網站上加入下雪的效果來營造氣氛,

但以前用javascript又肥又麻煩,

後來習慣使用jquery後,也找到個簡單的下雪snow外掛可以使用,

配合xoops的區塊使用,變的相當的方便!

 

 

首先當然在你的網站上,要先掛上jquery才行

(若你的網站已經有jquery,就不用多掛一次)

 

嵌入jquery的語法,放在</head>之前即可

以下提供google的jsapi,相當方便

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">google.load('jquery', '1.4.2');</script>

 

接著,再嵌入snow的js檔(在本頁底下附檔)

<script type="text/javascript" src="http://yoursite/jquery.snow.v3.js"></script>

 

這樣就有下雪效果啦~

 

若想要下暴風雪,那可以調整數量及速度,

請用文字編輯器打開jquery.snow.v3.js檔案

修改以下數字

//參數
var num  = 800;//數字愈大雪的數量愈多
var speed= 4;//數字愈小雪的速度愈快

 

打完收工

 

來源
http://zyiangel.blogbus.com/logs/91695364.html
http://code.google.com/p/jquery-letssnow/downloads/detail?name=snow-v3.jquery.js&can=2&q=

 

  •  
    1) jquery.snow.v3.zip

發表自: 九五二七九五二七
愛漫畫愛遊戲愛上網愛星爺,小時摸到阿羅士與AppleII後註定宅一輩子,從紅白機玩到PS4,從386打到Xeon,沒日沒夜的打電動;待過所有宅產業,從光華混到NOVA,從遊戲滾到動漫,從攝影器材爬到網路電信,喜愛學習多於睡覺,無時無刻散發一股宅味,但號稱長的像梁朝偉XD

覺得讚想推薦或分享嗎?