评论：js点击按钮动画粒子特效  [查看原文]

adrian0
2019/3/27 10:32:26
为什么报错 getCSSValue里面得style is null

じ、夙愿っ 0
2020/5/9 23:42:18
同问，particles.js:249 Uncaught TypeError: Cannot read property 'style' of null，是什么原因啊，愁死了

大灰狼~zZ1
2019/8/29 13:58:40
particles.js 第35行有错误，this.canvas.style = 'display:none;';应为 this.canvas.style.display = 'none;'; 改了移动端就可以

试了一下大致知道用法了
首先下载里的base.css也得导入，这样才能实现按钮的消失
然后插入也得变

<div><button>button</button></div>

div的宽度设个默认值和按钮的长度一致，假如不加div，就会以body为参照，那么粒子样式就会从屏幕中间飞出
下面是一个简单的例子：
html：

<div class="div" style="width:20vw">
    <button id="btn" style="width:20vw">测试</button>
</div>

js：

 var particles = new Particles('#btn');
 $("#btn").click(function() {
     // Disintegrate the button into particles
     //启动粒子特效
     particles.disintegrate();

     // would do the opposite
     //设置四秒后恢复
     setTimeout(function() {
         particles.integrate();
     }, 4000);
 })

RootSeeker0
2018/5/22 10:06:14
有必要？看到particles.js就知道怎么回事了