• 欢迎来到小爱博客,一个分享互联网IT技术的网站,喜欢就收藏吧!

wordPress网站添加鼠标点击五颜六色爆炸特效[烟花绽放效果]

other 小爱 1个月前 (09-23) 84次浏览 已收录 0个评论 扫描二维码

网站有了好的内容,如果能稍作包装,就能提高整体的用户体验,提高读者在页面的停留时间。动效可能是网站包装里面比较容易出效果的一种。
看习惯了千篇一律的静态网页,是不是想有一点点突破和变化?今天痴痴就给大家分享一个酷炫的鼠标点击爆炸五颜六色的特效。

1、添加一个JS文件到主题目录下。

点击特效JS.zip 下载
链接:https://pan.baidu.com/s/1jK-qCUSb0PKZIEBAJXRdPg
提取码:2ndb

2、将下面这段代码复制粘贴到主题footer.php文件</body>标签前。(注:代码中的路径改为你上传目录的绝对路径。)

<!--给 WordPress 网站添加鼠标点击爆炸五颜六色特效-->
<canvas class="fireworks" style="position:fixed;left:0;top:0;z-index:99999999;pointer-events:none;"></canvas>
<script type="text/javascript" src="https://你的域名/wp-content/themes/ripro/assets/js/djtx.js"></script>

建议下载js文件解压后放到你主题的js目录里面,然后一般路径就为http://你的域名/wp-content/themes/你的主题名称/js/djtx.js。

效果图


小爱博客 , 版权所有
转载请注明原文链接:wordPress网站添加鼠标点击五颜六色爆炸特效[烟花绽放效果]
喜欢 (4)
【你的支持, 我的动力】
分享 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址