MR.JIANGQUAN
智商税纳税大户
爱极客
添加了个一个PC页面的打字冒光特效

效果图如

https://cdn.aigeek.top/wp-content/uploads/2018/12/1111.gif?imageView2/1/w/780/h/316/interlace/1/q/100#

先上传 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; ?> 
赞赏
首页      技术软文      添加了个一个PC页面的打字冒光特效

MR.JiangQuan

文章作者

发表评论

textsms
account_circle
email

爱极客

添加了个一个PC页面的打字冒光特效
效果图如 先上传 activate-power-mode.js 到 当前主题目录/js 文件夹中,然后打开主题的 footer.php,并在里面插入如下代码即可: <script src="<?php bloginfo('template_dire…
扫描二维码继续阅读
2018-12-22