• Hello!欢迎来到网页设计学!
当前位置: 首页 > HTML&CSS > 圣诞节主题特效:为网站添加下雪效果

圣诞节主题特效:为网站添加下雪效果

.................................................................................................................................................................

圣诞节来袭,想要为网站增加节日的气氛,除了用一些小素材之外,我觉得最能增加气氛的就是添加下雪特效了,该特效可以应用于Chrome、火狐、SafariIE8+浏览器。移动鼠标,雪花可以上下左右随意跳动,如果想要停止下雪可以在左下角按钮关闭。

首先可以预览一下效果图:网站整体效果预览

snow1

在本教程中,我们将使用JavaScript和jQuery来创建页面下雪的特效。首先需要下载snowstorm.js ZIP文件,解压缩,然后将snowstorm.js文件放在您的网站中。然后在</body>之前添加 jQuery 链接,链接到snowstorm.js:

<script type=”text/javascript” src=”http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js”></script>

<script type=”text/javascript” src=”snowstorm.js”></script>

注意文件地址要符合文件在您的网站的实际位置,如果你使用WordPress标记</ body>footer.php模板文件中。如果要调整雪的大小颜色方向等,可以修改js配置参数,这里需要一些javascript知识。

延伸阅读:网页特效:玻璃表面雨滴效果插件rainy day.js

本文链接:圣诞节主题特效:为网站添加下雪效果

转载声明:本站文章若无特别说明,皆为原创,转载请注明来源:网页设计学,不可只有文字没有链接,请尊重他人的劳动成果!否则我们将追究其责任。

特别说明:本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!


...........................................................................................................................................................

相关文章

发表评论

友情链接:

  • 网页设计

专业网页设计师交流平台 设计交流QQ群: 网页设计交流