偶尔在一些网站上会看到一个有趣的鼠标点击特效,当鼠标在网站上点击下,就会迸发出许多漂亮的粒子,这一款的粒子偏小一点,颜色上也是很轻快,不会有一种厚重的感觉,而且还是经过优化的哦。这一次的wordpress美化教程就教大家如何实现吧。
- 代码来源:详情
效果如图:
此页底部的Demo2提供了一种更加清爽的粒子效果,可以依照上文部署在您的网页中。
怎么使用?
点击下方的Demo按钮,在新打开的页面中右键查看源代码,然后依据代码注释复制代码放到主题根目录下的footer.php
文件的</body>
前即可。
提示:
代码中的效果是所有平台都有这个烟花粒子效果的,如果不想在移动端有这个效果,可以将以下代码:
<div id="clickCanvas" style=" position:fixed;left:0;top:0;z-index:999999999;pointer-events:none;"></div>
替换为:
<?php if(!wp_is_mobile()): ?>
<div id="clickCanvas" style=" position:fixed;left:0;top:0;z-index:999999999;pointer-events:none;"></div>
<?php endif; ?>
而且,代码中包含了sketch.min.js的源码,如果你的网站已经引用了,可根据代码中的注释删掉相关代码。
如果你也喜欢这样有趣的网页特效,那么还可以看看这个wordpress美化分享的更加动感的特效。