移动端页面经常有见雪花飘落的效果，这两天也刚好遇到了这种需求，研究了一下snowfall.js ，下面是使用心得。

1、引入snowfall.js插件

<script ype="text/javascript" src="js/snowfall.js"></script>

2、调用 snowfall 方法

//调用飘落函数 实现飘落效果
  $(document).snowfall({
      image: ["images/2_1.png","images/2_2.png","images/2_3.png","images/2_4.png"],
      flakeCount:12,
      minSize: 10,
      maxSize: 25,
      maxSpeed : 1
  });

3、参数说明

image|url 雪花图片
flakeCount|number 雪花数量 
flakeColor|#RGB 雪花颜色 
minSize|number 雪花最小体积 
maxSize|number 雪花最大体积 
minSpeed|number 雪花最小速度 
maxSpeed|number 雪花最大速度 
round|boolean true雪花圆形|false方形(笑哭) 
shadow|boolean true雪花有阴影|false无阴影

4、备注说明

网上很多的使用是这种的：

$(document).snowfall({
    image :"images/2_1.png", 
    minSize: 8, 
    maxSize:50,
    minSpeed:1,
    maxSpeed:5
});

但是我感觉不灵活所以把图片地址的修改成数组了：

$(document).snowfall({
    image: ["images/2_1.png","images/2_2.png","images/2_3.png","images/2_4.png"],
    flakeCount:12,
    minSize: 10,
    maxSize: 25,
    maxSpeed : 1
});