插件描述：Particleground 粒子系统是一个jQuery插件，时髦的背景。 Particleground包括一个可选的视差效应控制鼠标在桌面设备和移动设备上的陀螺仪。它适用于任何浏览器支持HTML5画布。
使用方法
页面调用jquery和particleground.js
1 2 | <script type='text/javascript' src='js/jquery-1.11.1.min.js'></script><script type='text/javascript' src='jquery.particleground.min.js'></script> |
html
1 2 3 4 5 6 | <div id="particles"> <div class="intro"> <h1>Particleground</h1> <p>A jQuery plugin for snazzy background particle systems</p> </div></div> |
js初始化插件，调用对应的id
1 | $('#particles').particleground(); |
选项
可以通过设置选项选择对象的构造函数。
下面是一个示例的设置粒子系统点和线的颜色:
1 2 3 4 | $('#your-element').particleground({ dotColor: '#ff0000', lineColor: '#ff0000'}); |
下面是一个完整的列表的选项,默认值:
minSpeedX
0.1
maxSpeedX
0.7
minSpeedY
0.1
maxSpeedY
0.7
directionX
'center'
可以“center”,“left”或'right”。“中心”意味着点将反弹的边缘画布。
directionY
'center'
可以 'center', 'up' or 'down'. 'center' 意味着点将反弹的边缘画布。
特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com
- 上一个特效： jQuery滑块插件Divas Slider
- 下一个特效： 绘制切线图插件Tangents