给网站添加鼠标点击烟花绽放效果 —— WordPress美化

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

部署过程

首先，下载一个名为djtx.js的js文件，里面包含了实现烟花效果的js代码（下载的链接见文章末尾）。

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

将下面这段代码复制粘贴到主题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="http://你的域名/wp-content/themes/你的主题名称/js/djtx.js"></script>
<!--end-->

搞定！(注意src=“http://” 后面的部分是刚才提到的你放置djtx.js文件的路径，不要忘记修改啦！)