WordPress博客网站评论输入框中加入打字烟花彩色冒光特效

具体的效果请看 GIF 图：

先上传 activate-power-mode.js 到 当前主题目录/js 文件夹中，然后打开主题的 footer.php，并在里面插入如下代码即可：

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

这个特效在移动端可能会导致有点卡，体验不是很好。如果想要仅仅在 PC 端使用，那么可以这样：

<?php if (!wp_is_mobile()): ?> <script src="<?php bloginfo('template_directory'); ?>/js/activate-power-mode.js "></script> <script> 
POWERMODE.colorful = true; // 冒光特效 
POWERMODE.shake = false; // 抖动特效 
document.body.addEventListener('input', POWERMODE); // 为所有 input 标签都加上特效 
</script> <?php endif; ?> 

下载地址：
点击这里

转载自：优次元 作者：芈悦

转载请注明出处

评论

2018哆啦的小屋
哆啦成长的 天
浙ICP备17034619号-2 - 友情链接 - Theme by Qzhai

扫码加群