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+ 。