当前位置:Nnboli资源网 > Wordpress资源 > 正文

作者:nnboli

收录群晖资源,免费分享资源,搬运资源分享技术,免费折腾才是王道!

手机扫码查看

WordPress添加评论输入特效

本站使用了评论输入特效,打字时有礼花绽放效果,并且可以设置震动(本站关闭了震动)。详细效果你去发表一下评论就知道了。

实现方法:

1、下载JS文件:下载地址

2、将以下代码添加到主题的页脚文件适当的位置:

<script src="<?php bloginfo('template_directory'); ?>/js/activate-power-mode.js "></script>
<script>
POWERMODE.colorful = true; // ture 为启用礼花特效
POWERMODE.shake = false; // false 为禁用震动特效
document.body.addEventListener('input', POWERMODE);
</script>

输入特效只有在评论的时候有用,为了不乱加载这些JS文件,建议给代码加一个判断,是文章页或页面的话才加载这些代码。

<?php if (is_single() || is_page() ) { ?>
<script src="<?php bloginfo('template_directory'); ?>/js/activate-power-mode.js "></script>
<script>
POWERMODE.colorful = true; // ture 为启用礼花特效
POWERMODE.shake = false; // false 为禁用震动特效
document.body.addEventListener('input', POWERMODE);
</script>
<?php }?>

注意记得根据实际情况修改activate-power-mode.js文件的调用路径。

转载:从良未遂

演示效果:本站评论区

本文共710个字
您阅读这篇文章共花了: 0小时00分00秒
本站作品采用知识共享署名-相同方式共享 4.0 国际许可协议进行许可

作者:nnboli, 转载或复制请以 超链接形式 并注明出处 Nnboli资源网
原文地址:《WordPress添加评论输入特效》 发布于2019-06-22

分享到:
赞(0) 打赏

评论 抢沙发

1 + 4 =


WordPress添加评论输入特效

长按图片转发给朋友

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

切换注册

登录

忘记密码 ?

您也可以使用第三方帐号快捷登录

Q Q 登 录
微 博 登 录
切换登录

注册