1.简介
增加这个效果只是为了好玩
2.效果
鼠标点击爆炸效果
评论打字礼花效果
3.相关
使用到的文件:点击下载 密码:
鼠标点击爆炸:djtx.js
评论打字礼花:activate-power-mode.js
评论打字礼花:activate-power-mode.js
4.步骤
1、将上面下载的文件解压后放到站点目录下,注意修改权限,我这里将解压出来的djtx.js文件和activate-power-mode.js文件放在了/static/api/js/路径下,如下图所示
可能你的没有static目录,你可以创建这个目录或是放到其它路径
2、进入站点后台,点击外观–主题编辑–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>
编辑好之后如下图