>
顶部QQ微信二维码底部

扫描二维码加入优惠券群

网站美化:输入框打字冒光特效等博客特效

1、输入框打字冒光特效

效果展示如下图所示:

wb_3_1

使用方法:

下载activate-power-mode.js:文件在文章末尾下载

可以先上传activate-power-mode.js到当前主题目录/assets/js文件夹中,然后打开主题的footer.php,并在</body>标签前,插入如下代码即可:

*没有assets目录的可先创建一个

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

这里注意如果是Guojiz导航系统需要把代码中<script src="<?php bloginfo('template_directory'); ?>/assets/js/activate-power-mode.js "></script>路径改成自己创建assets目录的路径。

xz

刷新网页,在输入文本框中输入内容,就可以看到此特效。(效果可见本站)

~~~有不明白的地方可以留言。

下载地址:

activate-power-mode.js

 提取码: tdh4