jquery实现烟花特效

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

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

使用方法

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

2.创建一个

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

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

相关插件-动画效果

jQuery+three.js雪花飘落动画效果

这是一款给人3D立体空间感的jQuery+three.js雪花飘落动画效果,canvas绘制雪花下雪动画特效。
  动画效果
 31068  379

jQuery飘落的枫叶

枫叶一片一片又一片,此时最相思,代码简单方便调用
  动画效果
 25719  318

CSS3实现色彩喷泉

CSS3实现色彩喷泉
  动画效果
 33784  392

迅雷会员活动页 红包雨效果

js红包雨从上往下随机落下
  动画效果
 31136  375

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

    |.逍遥ギ¤沉默∮ 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
        还没拿到这个插件
    回复
    天空中最亮的星311 0
    2018/1/17 17:25:24

    怎么去除黑色背景

        黑猫警长0
        2018/3/6 14:02:44
        <script type="text/javascriptt">
            $('.jq22').fireworks({
                sound: false, // sound effect 
                opacity: 0.3,
                width: '100%',
                height: '100%'
            });
        </script>
    回复
    /我/保/佑/你/ 0
    2018/1/14 19:42:25
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复