ClickSpark.js实现粒子特效
来源:互联网 发布:mldonkey centos 编辑:程序博客网 时间:2024/06/06 03:57
需要引入的css和js文件:
<link type="text/css" href="${rsp}/resources/css/wechat/peachBlossom/bootstrap.min.css" rel="stylesheet">
<script type="text/javascript" src="${rsp}/resources/js/wechat/send/join/jquery.min.js"></script><script type="text/javascript" src="${rsp}/resources/js/wechat/peachBlossom/bootstrap.js"></script>
<script type="text/javascript" src="${rsp}/resources/js/wechat/peachBlossom/clickspark.min.js"></script>
实现代码:
<script>
$(document).ready(function () {
setTimeout(function(){
setInterval(function(){
clickSpark.setParticleCount(100);
clickSpark.setParticleSize(32);
clickSpark.setParticleSpeed(10);
clickSpark.setParticleImagePath('');
clickSpark.fireParticles($('.upper_heart'));
clickSpark.setParticleDuration(400);
},3000);
},1500)
});
</script>
0 0
- ClickSpark.js实现粒子特效
- canvas实现粒子特效
- 一步步实现nest粒子特效
- android JBOX2D实现粒子碰撞特效实例
- 粒子特效
- 粒子特效
- 粒子特效
- 粒子特效
- 粒子特效
- 粒子特效
- 粒子特效(两种不同的实现)
- 粒子系统实现与用户交互的特效
- 使用 Cocos2d-x 和粒子编辑器实现场景特效
- Shader特效——“旋转粒子”的实现【GLSL】
- 粒子系统实现与用户交互的特效
- threeJS中粒子特效
- libgdx之粒子特效
- Unity3D下雪粒子特效
- 【莫比乌斯反演】[HYSBZ\BZOJ2154]Crash的数字表格
- TCP和Http的区别!我都搞懂了,你就别迷糊了!
- 【学习方法】如何分析源代码
- 互联网各种免费接口整理
- Activiti5.13数据库表结构设计
- ClickSpark.js实现粒子特效
- Activiti5.16.4数据库表结构
- Linux修改 DNS
- Linux NFS服务器的安装与配置
- String与JSON的转换和Array转String
- linux常用命令
- Unity3D内存管理——对象池
- KVM虚拟机磁盘镜像文件管理命令qemu-img介绍及简单使用总结
- 负载均衡设计