HTML5 canvas超简单和逼真的下雪特效

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

在线预览    源码下载

爱编程-编程爱好者经验分享平台
版权所有 爱编程 © Copyright 2012. All Rights Reserved.
闽ICP备12017094号-3