在wordpress博客上添加鼠标点击特效和焰火绽放效果的几种方法

大标 2022年8月21日09:35:59教程评论10阅读模式
一个有优秀内容的博客,如果稍加包装,就可以提高整体的用户体验,增加读者在页面上的停留时间。动态效果可能是网站包装中比较容易达到效果的方法之一。看惯了千篇一律的静态网页,你是否想有一点突破和改变呢?今天大标就来和大家分享一个很酷的鼠标点击爆炸的多彩特效。
在wordpress博客上添加鼠标点击特效和焰火绽放效果的几种方法  

代码部署

1、添加一个JS文件到主题目录下(下载地址在文末)。 2、将下面这段代码复制粘贴到主题footer.php文件</body>标签前。(注:代码中的路径改为你上传目录的绝对路径。)
  1. <!--给WordPress网站添加鼠标点击爆炸五颜六色特效-->
  2.     <canvas class="fireworks" style="position:fixed;left:0;top:0;z-index:99999999;pointer-events:none;"></canvas>
  3. <script type="text/javascript" src="https://www.ixianzong.com/wp-content/themes/begin/js/djtx.js"></script>
  建议下载js文件解压后放到你主题的js目录里面,然后一般路径就为http://你的域名/wp-content/themes/你的主题名称/js/djtx.js。

效果图

在wordpress博客上添加鼠标点击特效和焰火绽放效果的几种方法  
下载信息 鼠标点击烟花特效JS 14.38KB
下载地址:发表评论并刷新可见

weinxin
我的微信
微信扫一扫
大标
  • 本文由 发表于 2022年8月21日09:35:59
  • 转载请务必保留本文链接:https://www.tanhuibiao.com/784.html
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: