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

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

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

效果如图:

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

此页底部的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美化分享的更加动感的特效。

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

WordPress美化 - 怎么添加评论框礼花特效?

在评论区输入评论的时候会有一阵带感的礼花和震动特效,很是炫酷有趣,这一次的wordpress美化教程就和大家分享一下这是如何实现的吧

下载权限

查看
  • 免费下载
    评论后下载
    登录后下载

  • {{attr.name}}:
您当前的等级为
您有每天免费下载所有资源次的特权,今日剩余 已取得下载权限
最后修改: 2020-06-15 12:32
WP教程

wordpress美化 - 怎么添加右侧悬浮窗带在线客服的快捷功能导航?

2020-3-27 21:27:07

WP教程

怎么自动给图片添加alt标签? - wordpress教程

2020-3-28 1:24:18

⚠️
Npcink上的部份代码及教程来源于互联网,仅供网友学习交流,若您喜欢本文可附上原文链接随意转载。
无意侵害您的权益,请发送邮件至 link@baimu.org 或点击右侧 私信:Muze 反馈,我们将尽快处理。
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索