WordPress优化：给博客添加评论输入特效

这个非常炫酷（装逼）的评论输入特效闲鱼最早是在三秋那里看到的，后来又追踪到射雕天龙的GitHub分享，找到了这个源码，使用上了也就是现在闲鱼博客评论输入的那里看到的打字效果。后来也不止一个朋友问我怎么弄的，一个个说也比较麻烦，干脆分享出来，自己看着弄。

JS代码

下载这个JS代码，上传到网站目录（具体哪里随意），等待调用（密码: vfrx)

JS代码

代码调用

添加以下代码到主题尾部footer.php即可

<script src="activate-power-mode.js"></script>
<script>
POWERMODE.colorful = true; // make power mode colorful
POWERMODE.shake = false; // turn off shake
document.body.addEventListener('input', POWERMODE);
</script>

注意修改文件地址

题外话：前几天有看到一个什么SEO博客，不说抄袭，转载闲鱼博客的文章，其实闲鱼也没发什么特别技术性的文章，看得起转载都没关系，但是好歹也不能连称呼、水印等都照搬吧，苦笑不得。
闲鱼觉得现在很多博客都会转载别人的好文章，这都不是什么问题，毕竟你写了什么至少有人看，觉得好才转载，也是对自己网站的一种推广吧，但是那种全文不提一下内容出处的就比较反感了，提下出处又不是什么见不得人的事，尊重别人才能获得尊重。其实这种话题也是老生常谈，贵在自觉。

版权声明：本站原创文章，于2016年9月3日，由闲鱼发表，共 714 字。
转载请注明：WordPress优化：给博客添加评论输入特效 | 闲鱼博客

发表评论取消回复

目前评论：66 其中：访客 43 博主 23

Mr.Z博客 0 四川省绵阳市联通
回复 2018年6月16日上午11:31 35楼

小白不知道在footer.php的哪里添加调用代码，不懂前端很受伤
- 闲鱼【博主】湖南省常德市安乡县电信
  回复 2018年6月16日上午11:39 1层
  
  @Mr.Z博客 [/body] 标签之前就可以了,[]改成<>
企鹅seo 0 江苏省泰州市电信
回复 2018年5月12日上午11:15 34楼

测试下，特效不见了
- 闲鱼【博主】湖南省长沙市联通
  回复 2018年5月12日上午11:17 1层
  
  @企鹅seo 本站已撤下这个特效，这个也没什么好测试的吧？要用自己去试试就好了
猫鼬博客 3 四川省成都市双流县电信
回复 2018年4月29日下午12:42 33楼

好使，正在使用中。
- 闲鱼【博主】湖南省常德市电信
  回复 2018年4月29日下午5:17 1层
  
  @猫鼬博客这个还是蛮有意思的
阿江博客 2 广东省广州市电信
回复 2017年12月14日下午11:54 32楼

是不是现在的这个特效了
- 闲鱼【博主】湖南省长沙市联通
  回复 2017年12月15日上午10:52 1层
  
  @阿江博客这个特效本站已经没用了，你可以自己试试看看效果
Hi斌 0 福建省泉州市电信
回复 2017年10月15日下午1:07 31楼

特效？不存在的
天上掉下来个林妹妹 0 局域网对方和您在同一内部网
回复 2017年6月16日下午2:43 30楼

不错刚发现居然有这么好的网站，，情不自禁的想要点广告
表情包 1 福建省厦门市电信
回复 2017年6月9日上午9:06 29楼

厉害了找个时间测试下看看。
岁月留声 1 广东省广州市中国铁通集团有限公司广东分公司网络支撑中心
回复 2017年5月18日下午10:16 28楼

我喜欢这个，收走了。
呆毛电脑配置网 4 云南省昆明市电信
回复 2017年4月27日下午1:18 27楼

然并卵！
小白 0 重庆市开县电信
回复 2017年4月3日下午7:39 26楼

windows10 爆毒
堆爱博客 3 贵州省黔东南州凯里市电信
回复 2017年3月14日下午1:18 25楼

请问鱼哥调用代码添加在哪个文件？
- 闲鱼【博主】湖南省长沙市电信
  回复 2017年3月14日下午1:36 1层
  
  @堆爱博客 footer.php
堆爱博客 3 贵州省铜仁地区电信
回复 2017年3月8日下午9:51 24楼

请问如何在评论列表给自己的名字后面加上博主两字。
- 闲鱼【博主】湖南省岳阳市移动
  回复 2017年3月9日下午2:54 1层
  
  @堆爱博客修改评论的源代码，具体不好说
分钱榜 2 浙江省湖州市移动
回复 2017年2月18日下午2:53 23楼

我的博客出问题了，本地测试可以实现，放博客JS就失效了。
- 闲鱼【博主】湖南省长沙市电信
  回复 2017年2月18日下午3:25 1层
  
  @分钱榜 JS冲突？112导航用的和你一样的主题也可以用啊。是不是你使用了代码压缩导致的。
  - 分钱榜 2 浙江省湖州市移动
    回复 2017年2月18日下午3:33 2层
    
    @闲鱼这样的话，本地测试应该也是失效的啊。搞不懂了
    - 诗梦 2 广东省韶关市移动
      回复 2017年2月27日上午3:51 3层
      
      @分钱榜我的弄好了，你会不会没引用js代码
  - 野人摊影视分享 2 福建省福州市联通
    回复 2017年3月5日下午1:39 2层
    
    @闲鱼如果你是使用了张戈博客的前端html代码压缩，把那些注释去掉就可以了！我这边就是这样解决的！
明月登楼的博客 6 河南省南阳市电信
回复 2017年1月6日下午6:10 22楼

震动的感觉很爽呀！不错！我喜欢！
- 闲鱼【博主】湖南省长沙市联通
  回复 2017年1月10日下午5:20 1层
  
  @明月登楼的博客震动的我觉得就没必要了，而去手机端会很卡
  - 明月登楼的博客 6 河南省南阳市电信
    回复 2017年1月10日下午5:21 2层
    
    @闲鱼手机端不会震动的！
    - 闲鱼【博主】湖南省长沙市联通
      回复 2017年1月10日下午6:40 3层
      
      @明月登楼的博客手机浏览器打开也会震动，好卡
      - 明月登楼的博客 6 河南省南阳市电信
        回复 2017年1月10日下午6:47 4层
        
        @闲鱼不是吧？你手机端用的啥浏览器呀？我用的QQ浏览器和小米自带浏览器都不震动的！
        
        闲鱼【博主】湖南省长沙市联通
        回复 2017年1月10日下午6:58 5层
        
        @明月登楼的博客用的QQ啊，之前去你那留言震动卡的不行
我就是我啊 1 贵州省遵义市电信
回复 2016年12月3日下午2:55 21楼

额，具体是添加到哪个文件呢
- 闲鱼【博主】湖南省长沙市电信
  回复 2016年12月3日下午4:16 1层
  
  @我就是我啊 footer.php
  - 我就是我啊 1 贵州省遵义市电信
    回复 2016年12月3日下午4:49 2层
    
    @闲鱼谢谢