给网站添加一个蓝色喷泡点击特效

发布于 2023-09-08  508 次阅读


二话不说,先看效果

前言

对,没错!我就是参考了云游君大大的点击特效😝

这是一个普普通通的蓝色喷泡点击特效

相对于原版的喷泡效果稍稍做了改动(根本没有)

正文

代码部署

  1. 添加一个JS文件到主题目录下(下载地址在文末)
  2. 将下面这段代码复制粘贴到主题footer.php文件</body>标签前。(注:代码中的路径改为你上传目录的绝对路径)
<!--给网站添加一个蓝色喷泡点击特效-->
    <canvas class="fireworks" style="position:fixed;left:0;top:0;z-index:99999999;pointer-events:none;"></canvas>
<script type="text/javascript" src="https://你的网址/djtx.js"></script>

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

js代码下载

点击下载

祝君好运~