粒子动画插件particle.js

 查看演示  website  立即下载

更新时间：2018/10/25 上午10:55:56

使用方法：

particle({
    el: 'body', //  默认值body, 挂载元素(可以是其它元素，如div)   
    startX: 0, //  默认值0(随机生成), 生成粒子x轴坐标    
    startY: 0, //  默认值0(随机生成), 生成粒子y轴坐标    
    num: 100, //  默认值100,  生成粒子的数量   
    shape: 0.1, //  默认值0.1, 粒子的透明度   
    isMouseEvent: true //  默认值false, 是否使用鼠标改变粒子出生坐标  
}) 

particle() //如不传参，参数均为默认值

更新时间：2018/10/24 下午12:42:50

更新说明：
1、对代码进行了封装
2、添加了创建canvas元素方法，不需要手动在页面添加
2、可以把效果放在多个元素下，不仅限于body元素
3、使用时只需调用暴露的接口传参即可，不传参会直接使用默认参数

使用方法：

引入js文件即可

new Particle({
  num: 200,
  shape: 0.1
}).colorfulAnimation()

参数：

• num：为粒子的个数

• shape: 为粒子的形状，范围值为0-1

PREVIOUS:
NEXT:
jQuery模块排序与模块编辑界面
jQuery添加购物车(原创)