letItSnow.js | 简单的网页飘雪特效jQuery插件

letItSnow.js是一款非常简单的网页飘雪特效jQuery插件。该下雪插件可以设置雪花的颜色、大小、数量、风速和雪花下落的easing效果等，使用起来简单明了。

使用方法

使用letItSnow.js插件需要引入jQuery2.x、jQuery-ui 1.11+和插件本身需要的js和css文件。

<script src="lib/jquery.min.js" charset="utf-8"></script>
<script src="lib/jquery-ui.min.js" charset="utf-8"></script>
<script src="src/letItSnow.js" charset="utf-8"></script>              
              

HTML结构

letItSnow.js插件需要使用一个<div>作为下雪场景的容器。

<div id="snowspawner"></div>              
              

初始化插件

在页面DOM元素加载完毕之后，可以通过下面的方法来初始化该下雪插件。

$(function() {
  $('#snowspawner').letItSnow({
    fall_time:5000
  });
})              
              

配置参数

letItSnow.js插件的可用配置参数有：

• color：默认值：'#fff'，雪花的颜色。
• size_min：默认值：1，雪花的最小尺寸。
• size_max：默认值：51，雪花的最大尺寸。
• zindex：默认值：9999，下雪场景的深度。
• maxcount：默认值：100，雪花的数量。
• wind：默认值：250，风速，雪花水平移动的速度。
• easing_x：默认值：'easeInBack'，风速的easing动画。
• easing_y：默认值：'easeInCubic'，雪花下落的easing动画。
• fall_time：默认值：10000，雪花下落的时间，单位毫秒。

letItSnow.js插件的github地址为：https://github.com/M1nified/letItSnow.js