10 款基于jQuery/JavaScript的圣诞主题效果 (转)
英文原站 地址http://www.jquery4u.com/
1.倒计时数字钟
设计一个JavaScript圣诞倒计时数字时钟,这个数字钟利用网站访问者的计算机上的时间来进行倒计时,因此这个脚本非常灵活,可以根据不同的时区设置对应的时间。
![](http://dl.iteye.com/upload/attachment/602494/221a6937-0782-335e-9cb8-3595ad5733b0.jpg)
源码 / 演示
2.闪烁的彩灯
在网页中展示彩灯效果,你只需要把下面链接中的代码粘贴到网页的HTML中即可。
![](http://dl.iteye.com/upload/attachment/602496/49fc86b7-0f09-343e-8d7b-b9dd809e3776.jpg)
源码/演示
3.谷歌的圣诞涂鸦
随着圣诞节的临近,我们应将精力从丰盛的晚餐转移到一些更有意义的事情上,这样才能保持好身材。因此,让我们试试用jQuery和CSS创建谷歌的动画logo!
![](http://dl.iteye.com/upload/attachment/602498/af33bf0f-086f-318b-86e3-6907b48dc076.jpg)
源码 / 演示
4.雪花效果
用这个超棒的动画效果装饰你的网站吧!雪花在页面中轻轻飘下,直至消失。雪花只是这个脚本支持的图案之一,你也可以使用其他图案。
![](http://dl.iteye.com/upload/attachment/602500/d268e767-18a2-38dd-9813-997818700186.jpg)
源码/演示
5.暴风雪效果
暴风雪是一个基于JavaScript的雪花效果,很容易添加到网页上,且免费使用、易于设置。一段JavaScript代码就包含了所需功能,不需要任何图片。
![](http://dl.iteye.com/upload/attachment/602508/74f2a9a6-b488-3930-b304-86a4a2bf08b6.jpg)
源码/演示
6.jQuery飘雪效果升级版(添加了雪堆积效果)
添加雪堆积效果插件后,你可以通过jQuery选择器来把雪收集到顶部。其使用了canvas标签,只支持IE8以上的浏览器。
![](http://dl.iteye.com/upload/attachment/602502/4edc68b4-eb49-3784-ba2b-adec1d55f605.jpg)
源码 / 演示
7.发光的圣诞树
这段JavaScript代码将根据随机的灯光位置生成随机大小的圣诞树。
![](http://dl.iteye.com/upload/attachment/602504/b8d1bfa9-dbd7-3bad-8033-b1a3f8f9cb90.jpg)
源码/演示
8.圣诞老人鼠标跟随效果
这是一个很棒的圣诞主题鼠标跟随效果,圣诞老人跟随你的鼠标移动,而且无论他去哪里,身后还会留下自己的小图像。这个神奇的鼠标跟随效果将使你的圣诞页面更加出彩。
![](http://dl.iteye.com/upload/attachment/602510/2dc70d89-52b3-3dbd-9308-daa5ba53baad.jpg)
源码/演示
9.浮动的圣诞滚动条
用JavaScript创建一个浮动的圣诞滚动灯箱,其中还有飘雪动画和吸引眼球的横向走马灯滚动文字。
![](http://dl.iteye.com/upload/attachment/602512/52f720b1-4570-3f01-9f65-44128dffe8e8.jpg)
源码/演示
10.ASCII码圣诞树动画
使用这段JavaScript代码可以创建一个ASCII码圣诞树动画。
![](http://dl.iteye.com/upload/attachment/602514/bbc7e4b8-8a60-36d5-9eff-787ce9ff2121.jpg)