10 款基于jQuery/JavaScript的圣誕主題效果

圣誕節快到了，趕快為你的網站打扮一番，換上節日的盛裝吧！本文為你整理了10款使用jQuery和 JavaScript打造的圣誕主題效果，希望能給你帶來些許驚喜。（PS：經過小編測試，下面的部分效果僅支持IE瀏覽器）

1.倒計時數字鐘

設計一個JavaScript圣誕倒計時數字時鐘，這個數字鐘利用網站訪問者的計算機上的時間來進行倒計時，因此這個腳本非常靈活，可以根據不同的時區設置對應的時間。

源碼 / 演示

2.閃爍的彩燈

在網頁中展示彩燈效果，你只需要把下面鏈接中的代碼粘貼到網頁的HTML中即可。



源碼/演示

3.谷歌的圣誕涂鴉

隨著圣誕節的臨近，我們應將精力從豐盛的晚餐轉移到一些更有意義的事情上，這樣才能保持好身材。因此，讓我們試試用jQuery和CSS創建谷歌的動畫logo！



源碼 / 演示

4.雪花效果

用這個超棒的動畫效果裝飾你的網站吧！雪花在頁面中輕輕飄下，直至消失。雪花只是這個腳本支持的圖案之一，你也可以使用其他圖案。



源碼/演示

5.暴風雪效果

暴風雪是一個基于JavaScript的雪花效果，很容易添加到網頁上，且免費使用、易于設置。一段JavaScript代碼就包含了所需功能，不需要任何圖片。



源碼/演示

6.jQuery飄雪效果升級版（添加了雪堆積效果）

添加雪堆積效果插件后，你可以通過jQuery選擇器來把雪收集到頂部。其使用了canvas標簽，只支持IE8以上的瀏覽器。



源碼 / 演示

7.發光的圣誕樹

這段JavaScript代碼將根據隨機的燈光位置生成隨機大小的圣誕樹。



源碼/演示

8.圣誕老人鼠標跟隨效果

這是一個很棒的圣誕主題鼠標跟隨效果，圣誕老人跟隨你的鼠標移動，而且無論他去哪里，身后還會留下自己的小圖像。這個神奇的鼠標跟隨效果將使你的圣誕頁面更加出彩。



源碼/演示

9.浮動的圣誕滾動條

用JavaScript創建一個浮動的圣誕滾動燈箱，其中還有飄雪動畫和吸引眼球的橫向走馬燈滾動文字。



源碼/演示

10.ASCII碼圣誕樹動畫

使用這段JavaScript代碼可以創建一個ASCII碼圣誕樹動畫。



源碼/演示

英文原文： 10 jQuery and JavaScript Christmas Effects

轉自： http://www.iteye.com/news/23631