这个页面的效果怎么实现的？

Question

单击空白页面看看：

https://www.cnblogs.com/huang...

注意：我不是问效果该怎么写，而是想知道html页面的单击事件处理函数是什么。当然，如果有具体的所谓的“粒子系统”的程序分析更好。

这个效果也算是粒子系统吧。

Answer 1

这个代码用了jQuery，把事件bind到了body标签的onclick上

不用jQuery的话可以用addEventListener，但是要自己处理浏览器兼容等问题

Answer 2

大佬已经说了，我就顺便提一下调试方法，浏览器按F12打开开发者工具，看到左上角有个箭头按钮，点击它在点击页面任意地方，就可以跳转到对应的源代码位置。

简单看页面实现的效果，猜想它绑定了单击事件到body上面，所以尝试选择到body处，然后在右面找事件处理那里。

点一下蓝色下划线即可跳转到脚本代码位置。看实现挺简单的，就是用的css动画特效。