精致的鼠标点击烟花效果 - WordPress 美化

偶尔在一些网站上会看到一个有趣的鼠标点击特效，当鼠标在网站上点击下，就会迸发出许多漂亮的粒子，这一款的粒子偏小一点，颜色上也是很轻快，不会有一种厚重的感觉，而且还是经过优化的哦。这一次的 WordPress 美化教程就教大家如何实现吧。

• 代码来源：详情

效果如图：

此页底部的 Demo2 提供了一种更加清爽的粒子效果，可以依照上文部署在您的网页中。

怎么使用？

点击下方的 Demo 按钮，在新打开的页面中右键查看源代码，然后依据代码注释复制代码放到主题根目录下的footer.php文件的</body>前即可。

提示：

代码中的效果是所有平台都有这个烟花粒子效果的，如果不想在移动端有这个效果，可以将以下代码：

1
<div id="clickCanvas" style=" position:fixed;left:0;top:0;z-index:999999999;pointer-events:none;"></div>

替换为：

1
<?php if(!wp_is_mobile()): ?>
2
<div id="clickCanvas" style=" position:fixed;left:0;top:0;z-index:999999999;pointer-events:none;"></div>
3
<?php endif; ?>

而且，代码中包含了 sketch.min.js 的源码，如果你的网站已经引用了，可根据代码中的注释删掉相关代码。

如果你也喜欢这样有趣的网页特效，那么还可以看看这个 WordPress 美化分享的更加动感的特效。