jquery实现烟花特效

所属分类:其他-动画效果

 54961  406  查看评论 (48)
分享到微信朋友圈
X
jquery实现烟花特效 ie兼容11

使用方法

1.在页面上引入jquery.min.js和firework.js

2.创建一个

<div id=你的id></div>

3.通过你的id获取到div的jquery对象,通过此jquery对象调用firework方法,并参照例子配置好参数即可。

相关插件-动画效果

jQuery直播点击飘心效果,点赞桃心飘动效果

直播点击飘心效果,点赞桃心飘动效果,canvas画出桃心飘动效果
  动画效果
 46867  394

点击效果Google Design 谷歌的设计团队

效果是 Google Design 也就是谷歌的设计团队博客用到了这个效果 , 当时的第一感觉就是 擦 ,google就是牛逼, 一个按钮点击也要酷到不要不要的了
  动画效果
 39180  500

3D签到墙 threejs(使用元素周期表修改)

采用threejs官方demo的元素周期更改的,展示为图片,可自动更换或手动更换,目前为旋转状态;模拟推送用户可以优化随机更改图片应该会更好点。
  动画效果
 70432  659
  动画效果
 46725  425

讨论这个项目(48)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    dlwlrma 0
    2022/10/18 15:21:47
    为什么生意配置为false了,还是会有爆竹声 回复
    小仙男 0
    2021/5/18 22:38:13
    烟花能增加吗? 回复
    |.逍遥ギ¤沉默∮ 0
    2019/1/16 17:38:29
    firework.js第61行改为context.fillStyle = "rgba(0,0,0,0)";后烟花不会消失,一直停留在页面?? 回复
    Mirror198829 0
    2019/1/15 17:23:41
    可以通过设置样式修改 回复
    ? 0
    2018/12/17 9:43:20
    谁能发我一份文件 我没有币下载 回复
    淡若清风 0
    2018/9/12 20:59:33
    豆浆、油条 0
    2018/8/30 15:31:10
    加载只到一半。。 回复
    lutian 0
    2018/7/10 16:50:13
    怎么把背景去掉,烟花不变?没看到css文件牙,js里面改完之后烟花放完就停在页面不消失了 回复
    慢慢走 0
    2018/5/26 15:48:04
    ∝1颗心只容┼个人┽ 0
    2018/1/25 10:30:12

    怎么把烟花调成分散点,感觉太往中间了

        黑猫警长0
        2018/3/6 14:02:11
        还没拿到这个插件
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复