SNOW V1.7.0

一个下雪的插件(只要是想完成掉下来的特效基本就能满足) 自定义选项算多了吧
目前该插件使用只需要引入一个js文件 不需要去动css和js 相对比较友好
当然现有功能不止用于下雪 可以发挥想象 使用场景可以很广

(支持多种模块化规范)

配置项:

1. color
   自定义颜色 可以传入一个数组或一个字符串 数组格式: '["yellow", '#ff0']'
   每个成员为一个字符串 表示颜色 每次生成的雪花会从中随机颜色
   如果是传入一个字符串 字符串为单个颜色 那么每次就显示这个颜色
   默认值: 白色(#ffffff)
   有效值: 浏览器能识别的颜色就行
2. opacity
   不透明度
   默认值: 1
   有效值: 0-1之间
3. speed
   下坠速度
   默认值: 随机0 - 5毫秒 + speed值
4. randombase
   生成速度的基值 生成速度为 0 - 300 毫秒 + 该配置的值
   默认值: 1500(毫秒)
   有效值: 自己喜欢就好
5. num
   每次随机生成的雪花数量
   默认值: 8
   有效值: 反正不搞出问题随你喜欢
6. limit
   每个Snow对象最多有多少个雪花
   默认值: 150
7. offset
   是否跟随鼠标进行偏移
   默认值: true
   有效值: 布尔值
8. img
   是否以图片形式显示雪花
   默认值: false
   有效值: 布尔值
9. imgurl
   自定义图片 可以传入一个数组或一个字符串 数组格式: '["img1.jpg", "img2.jpg"]'
   每个成员为一个字符串 表示图片路径 每次生成的雪花会从中随机选取图片
   如果是传入一个字符串 字符串为图片路径 那么每次就显示这个图片
   默认值: 自带的一个雪花图片
   有效值: url、blob、base64
10. stay
    是否会在底部停留
    默认值: false
    有效值: 布尔值
11. stayTime
    在底部停留的时间
    默认值: 1500 (毫秒)
12. maxSize
    点状的最大尺寸
    默认值: 4px + 0-4px的随机值
    有效值: 数值类型
13. maxImgSize
    图片的最大尺寸
    默认值: 30px + 0-4px的随机值
    有效值: 数值类型
14. hideType
    雪花留底后消失的形式
    默认值: 'scale'
    有效值: 'scale' 和 'fadeout'
15. hideDuration
    雪花留底后消失过程持续的时间
    默认值: 300 (毫秒)
16. isOffsetOnTouch
    移动端是否会根据手指左右滑动而产生雪花的偏移
    默认值: true
    有效值: 布尔值
17. isPause
    页面失去焦点的时候是否暂停下雪
    默认值: false
    有效值: 布尔值
18. shadow
    是否开启阴影
    默认值: true
    有效值: 布尔值
19. shadowColor(废弃)
    阴影颜色
    默认值: 于传入的color值一致 如果没传入则为白色(#ffffff)
20. shadowBlur
    阴影的模糊半径
    默认值: 10
21. shadowBlur
    阴影的扩展距离
    默认值: 3
22. shadowSize
    阴影的扩展距离
    默认值: 3
23. zIndex
    设置雪花的层级
    默认值: 99999
24. reversionOffset
    是否反向偏移
    默认值: false
    有效值: 布尔值
25. css
    自定义css 比如可以自己给雪花添加动画
    默认值: {}
    有效值: 为一个对象 对象的属性用css的驼峰写法表示 值用字符串 比如: {marginTop: '15px', borderRadius: '100%'}
26. constrain
    是否保持图片比例
    默认值: false (图片会被强制变成正方形)
    有效值: 布尔值
27. cusShadowColor
    阴影颜色 默认为每个雪花对应的color值 如果设置了该属性 则强制所有阴影为该属性的值
    默认值: null
    有效值: 颜色
28. randomColor
    进行随机颜色 (所有rgb颜色会被随机显示)
    默认值: false
    有效值: 布尔值
29. stayedcss
    留底后的css样式 比如暂停自定义的css动画
    默认值: {} 控对象
    有效值: js支持的css对象

生命周期:

1. beforeCreate
   雪花生成之前调用
2. created
   雪花生成之后调用
3. beforeMoving
   雪花每次移动前调用
4. beforeMoving
   雪花每次移动后调用
5. stoped
   雪花停止后调用 (设置了stay属性为true后生效)
6. beforeDestroy
   雪花销毁之前调用
7. destoryed
   雪花销毁之后调用

方法:

1. stop
   停止下雪并且清空雪花 (对象不会被清空 需要手动赋值null)