给你的wordpress添加鼠标点击爆炸和评论打字礼花效果

文章目录

[隐藏]

1.简介

增加这个效果只是为了好玩

2.效果

鼠标点击爆炸效果

评论打字礼花效果

3.相关

使用到的文件：点击下载　密码：

注意：本段内容须“登录”后方可查看！

鼠标点击爆炸:djtx.js
评论打字礼花:activate-power-mode.js

4.步骤

1、将上面下载的文件解压后放到站点目录下，注意修改权限，我这里将解压出来的djtx.js文件和activate-power-mode.js文件放在了/static/api/js/路径下，如下图所示

可能你的没有static目录，你可以创建这个目录或是放到其它路径

２、进入站点后台，点击外观–主题编辑–footer.php，将下面的代码添加到最前面

请将/static/api/js/djtx.js更换成你存放djtx.js文件的路径

<canvas class="fireworks" style="position: fixed; left: 0; top: 0; z-index: 99999999; pointer-events: none;"></canvas>
<script type="text/javascript" src="/static/api/js/djtx.js"></script>

请将/static/api/js/activate-power-mode.js更换成你存放activate-power-mode.js文件的路径，然后点击下方的“更新文件”按钮即可，如果点击“更新文件”按钮不成功，请检查权限

<script src="/static/api/js/activate-power-mode.js"><span data-mce-type="bookmark" style="display: inline-block; width: 0px; overflow: hidden; line-height: 0;" class="mce_SELRES_start"></span></script>
<script>
POWERMODE.colorful = true; /* make power mode colorful，ture 为启用礼花特效*/
POWERMODE.shake = false; /* turn off shake，false 为禁用震动特效*/
document.body.addEventListener('input', POWERMODE);
</script>

编辑好之后如下图