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