WebSnowjq.js是一款基于HTML5 canvas的超简单和逼真的下雪场景特效js插件。该下雪特效插件可以通过简单的参数设置了设定雪花的数量。每朵雪花的飘落速度各不相同,层次感非常强。
使用方法
实用这个下雪特效插件要先引入jQuery和Websnowjq.js
文件。
<script src="js/jquery.min.js" type="text/javascript"></script> <script type="text/javascript" src="js/Websnowjq.js"></script>
在页面加载完成后,可以使用下面的方法来调用该下雪特效插件。
$(function(){ $("#divSnow").websnowjq(); });
配置参数
该下雪特效只有一个可用的配置参数:雪花的数量snowFlakes
。
上面的第一个效果的snowFlakes
设置为3,第二个snowFlakes
设置为100。
$("#divSnow-2").websnowjq({ snowFlakes: 100 });
浏览器兼容
该下雪特效可以在所有支持HTML5特性的现代浏览器中最常工作: Internet Explorer 9.0+, Google Chrome 4.0+, Mozilla Firefox 2.0+, Safari 3.1+ 。