文档章节

jQuery粒子系统插件Particleground

mymlucifer
 mymlucifer
发布于 2015/03/18 14:14
字数 303
阅读 35
收藏 0

dreamweaver免费视频教程:

51RGB Dreamweaver板块

加讨论群390180913 入群即可参加周一至周五免费公开课并获得免费视频 绝对干货!

 

jQuery粒子系统插件Particleground

 

使用方法

页面调用jquery和particleground.js

<script type='text/javascript' src='js/jquery-1.11.1.min.js'></script>

<script type='text/javascript' src='jquery.particleground.min.js'></script>

Html

<div id="particles">

  <div class="intro">

    <h1>Particleground</h1>

    <p>A jQuery plugin for snazzy background particle systems</p>

  </div>

</div>

js初始化插件,调用对应的id

$('#particles').particleground();

选项

可以通过设置选项选择对象的构造函数。

下面是一个示例的设置粒子系统点和线的颜色:

$('#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' 意味着点将反弹的边缘画布。

 

代码压缩包链接:

http://www.51rgb.com/nbbs/forum.php?mod=viewthread&tid=1710

光看文字怎么够 来看在线视频 手把手教你做网站!

Adobe官方讲师万晨曦指导 轻松幽默学习网站开发

Dreamweaver视频直达网址 51RGB Dreamweaver板块

 


© 著作权归作者所有

mymlucifer
粉丝 7
博文 61
码字总数 26911
作品 0
南昌
私信 提问
2017 年 2 月一些不错的 jQuery 插件汇总

1. imageR 这个jQuery插件允许您添加data属性到一个图像标签或元素,实现根据设备的尺寸展示相应大小的图片。 2. Particler Particler一个纯JavaScript插件,它基于你的图像创建一个Canva粒子...

pe_mail2006
2017/02/12
3.7K
4
2014年140个最好的jQuery插件集合

Material Design Preloader Want to create a Google’s latest Material Design look-alike pre-loader? If yes, this jQuery plugin created by Aaron Lumsden will help you do so and y......

IanSun
2015/03/14
0
0
67 个节省开发者时间的实用工具、库与资源(前端向)

在这篇文章中,我不会与大家谈论大型的前端框架,如 React、Angular、Vue 等,也没有涉及那些流行的代码编辑器,如 Atom、VS Code、Sublime,我只想与大家分享一个有助于提升开发人员效率的工...

张孝国
2018/06/26
0
0
给Jquery添加alert,prompt方法,类似系统的Alert,Prompt,可以响应键...

给Jquery添加alert,prompt方法,类似系统的Alert,Prompt,可以响应键盘,支持拖动 博客分类: Javascript CSS jQuery插件系列 重置Alert模拟AlertJquery Alert插件开发Jquery插件开发 我们在...

wolf_su
2013/07/03
0
0
15款提高表格操作的jQuery插件

table表格由于它的浏览器兼容性和复杂的标签嵌套方式,可以算是添加样式最困难的对象之一了。大多数前端er都把网页中的table标签替换为div,主要就是因为div要比table更容易添加CSS样式。但是...

鉴客
2010/08/12
5.7K
1

没有更多内容

加载失败,请刷新页面

加载更多

docker百万连接设置相关资料

借助Docker单机秒开数十万TCP连接

youngjdong
21分钟前
1
0
这可能是史上最全 Redis 高可用解决方案总结

本文主要针对 Redis 常见的几种使用方式及其优缺点展开分析。 一、常见使用方式 Redis 的几种常见使用方式包括: 1.Redis 单副本; 2.Redis 多副本(主从); 3.Redis Sentinel(哨兵); 4....

别打我会飞
24分钟前
1
0
Qt编写数据可视化大屏界面电子看板11-自定义控件

一、前言 说到自定义控件,我是感觉特别熟悉的几个字,本人亲自原创的自定义控件超过110个,都是来自各个行业的具体应用真实需求,而不是凭空捏造的,当然有几个小控件也有点凑数的嫌疑,在编...

飞扬青云
26分钟前
1
0
第二讲:编写UDP Socket小程序

1、编写服务器端代码 文件-->新建 新建一个控制台程序: 下面用的是一张旧图,只要点确认就可以了。 切换到FileView视图 编译、链接 StdAfx.cpp( 里面的代码不用修改) 编辑UDPServer.cpp文...

一匹狼工作室
27分钟前
3
0
android ------ 实现高德定位并获取相应信息 ( 最新版高德SDK 和 Android SDK版本)

Android开发项目时常常会遇到定位这个功能, 很久以前写过一篇了,官方也更新了一些东西,我也更新下 以前使用的是jar包 导入来实现高德定位 老版本 链接:https://blog.csdn.net/DickyQie/...

切切歆语
29分钟前
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部