粒子背景特效Particleground.js插件使用解析

Particleground简介：

Particleground是一个JavaScript插件，用于时髦的后台粒子系统。包括鼠标在桌面设备和移动设备上的陀螺仪控制的可选视差效果。在支持HTML5画布的浏览器中工作。

查看demo

初始化：

particleground(document.getElementById('your-element');

注意事项：

v1.0.0以上版本支持js原生调用，不必依赖jquery。

具体使用方法：

1）引入文件

2）html

3）js调用

// 原生js(要求v1.0.0以上版本):
particleground(document.getElementById('particles');

//可以根据下面表格中参数说明设定相应参数
particleground(document.getElementById('particles'), {
    dotColor: '#ff0000',
    lineColor: '#ff0000'
});

// jQuery：
$('#particles').particleground();
 
//可以根据下面表格中参数说明设定相应参数
$('#particles').particleground({
   dotColor: '#ff0000',
   lineColor: '#ff0000'
});

参数：

项目地址：

https://github.com/jnicol/particleground

参考：

http://www.jq22.com/jquery-info566

Particleground粒子背景插件