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

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

JS代码

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

JS代码

代码调用

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

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

注意修改文件地址
 

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

 

本文最后更新于2017年11月22日，已超过 1 年没有更新，如果文章内容或图片资源失效，请留言反馈，我们会及时处理，谢谢！

历史上的今天:

  • 博客公众号
  • 关注本博客公众号
  • weinxin
  • 博客小程序
  • 关注本博客小程序
  • weinxin

墙裂推荐本站使用的阿里云服务器  去试试>>

1核2G，100%CPU性能，114/年  丨  1核2G，100%CPU性能，118/年

发表评论

:?::razz::sad::evil::!::smile::oops::grin::eek::shock::???::cool::lol::mad::twisted::roll::wink::idea::arrow::neutral::cry::mrgreen:

目前评论：68   其中：访客  44   博主  24

    • 堆爱博客
      回复 2018年9月17日 下午12:55  36楼

      我想给这个POWERMODE.shake = false; 添加一个按钮 不知道如何设置呢？

        • 闲鱼 【博主】
          回复 2018年9月17日 下午1:33  1层

          @堆爱博客 你可以去张戈那边看看，他那有一个教程，更详细

        • Mr.Z博客
          回复 2018年6月16日 上午11:31  35楼

          小白不知道在footer.php的哪里添加调用代码，不懂前端很受伤 :sad:

            • 闲鱼 【博主】
              回复 2018年6月16日 上午11:39  1层

              @Mr.Z博客 [/body] 标签 之前就可以了,[]改成<>

            • 企鹅seo
              回复 2018年5月12日 上午11:15  34楼

              测试下，特效不见了

                • 闲鱼 【博主】
                  回复 2018年5月12日 上午11:17  1层

                  @企鹅seo 本站已撤下这个特效，这个也没什么好测试的吧？要用自己去试试就好了

                • 猫鼬博客
                  回复 2018年4月29日 下午12:42  33楼

                  好使，正在使用中。

                    • 闲鱼 【博主】
                      回复 2018年4月29日 下午5:17  1层

                      @猫鼬博客 这个还是蛮有意思的

                    • 阿江博客
                      回复 2017年12月14日 下午11:54  32楼

                      是不是现在的这个特效了

                        • 闲鱼 【博主】
                          回复 2017年12月15日 上午10:52  1层

                          @阿江博客 这个特效本站已经没用了，你可以自己试试看看效果

                        • Hi斌
                          回复 2017年10月15日 下午1:07  31楼

                          特效？不存在的

                          • 天上掉下来个林妹妹
                            回复 2017年6月16日 下午2:43  30楼

                            不错刚发现居然有这么好的网站，，情不自禁的想要点广告

                            • 表情包
                              回复 2017年6月9日 上午9:06  29楼

                              厉害了 找个时间测试下看看。

                              • 岁月留声
                                回复 2017年5月18日 下午10:16  28楼

                                我喜欢这个，收走了。 :smile:

                                • 呆毛电脑配置网
                                  回复 2017年4月27日 下午1:18  27楼

                                  :mrgreen: 然并卵！ :smile:

                                  • 小白
                                    回复 2017年4月3日 下午7:39  26楼

                                    windows10 爆毒

                                    • 堆爱博客
                                      回复 2017年3月14日 下午1:18  25楼

                                      请问鱼哥调用代码添加在哪个文件？

                                      • 堆爱博客
                                        回复 2017年3月8日 下午9:51  24楼

                                        请问如何在评论列表给自己的名字后面加上博主两字。

                                        • 分钱榜
                                          回复 2017年2月18日 下午2:53  23楼

                                          我的博客出问题了，本地测试可以实现，放博客JS就失效了。

                                            • 闲鱼 【博主】
                                              回复 2017年2月18日 下午3:25  1层

                                              @分钱榜 JS冲突？112导航用的和你一样的主题也可以用啊。是不是你使用了代码压缩导致的。

                                                • 分钱榜
                                                  回复 2017年2月18日 下午3:33  2层

                                                  @闲鱼 这样的话，本地测试应该也是失效的啊。搞不懂了

                                                    • 诗梦
                                                      2017年2月27日 上午3:51  3层

                                                      @分钱榜 我的弄好了，你会不会没引用js代码

                                                    • 野人摊影视分享
                                                      回复 2017年3月5日 下午1:39  2层

                                                      @闲鱼 如果你是使用了张戈博客的前端html代码压缩，把那些注释去掉就可以了！我这边就是这样解决的！

                                                  • 明月登楼的博客
                                                    回复 2017年1月6日 下午6:10  22楼

                                                    震动的感觉很爽呀！不错！我喜欢！

                                                      • 闲鱼 【博主】
                                                        回复 2017年1月10日 下午5:20  1层

                                                        @明月登楼的博客 震动的我觉得就没必要了，而去手机端会很卡

                                                          • 明月登楼的博客
                                                            回复 2017年1月10日 下午5:21  2层

                                                            @闲鱼 手机端不会震动的！

                                                              • 闲鱼 【博主】
                                                                2017年1月10日 下午6:40  3层

                                                                @明月登楼的博客 手机浏览器打开也会震动，好卡

                                                                • 明月登楼的博客
                                                                  2017年1月10日 下午6:47  3层

                                                                  @闲鱼 不是吧？你手机端用的啥浏览器呀？我用的QQ浏览器和小米自带浏览器都不震动的！

                                                                  • 闲鱼 【博主】
                                                                    2017年1月10日 下午6:58  3层

                                                                    @明月登楼的博客 用的QQ啊，之前去你那留言震动卡的不行

                                                              • 我就是我啊
                                                                回复 2016年12月3日 下午2:55  21楼

                                                                额，具体是添加到哪个文件呢