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

站点技巧 盛行 4周前 (05-19) 77次浏览 已收录 0个评论 扫描二维码
文章目录
[隐藏]

简介

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

效果

鼠标点击爆炸效果

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

评论打字礼花效果

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

相关

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

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


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

步骤

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

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

给你的wordpress添加鼠标点击爆炸和评论打字礼花效果
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>

编辑好之后如下图

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


IT博客站版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:给你的wordpress添加鼠标点击爆炸和评论打字礼花效果
喜欢 (0)
[使用支付宝扫码]
分享 (0)
盛行
关于作者:
企业应用技术爱好者,喜欢分享知识。如果文章中有错误,欢迎指正,谢谢。
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址