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

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

JS代码

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

代码调用

添加以下代码到主题尾部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

    • 堆爱博客

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

        • 闲鱼 【博主】

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

        • Mr.Z博客

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

            • 闲鱼 【博主】

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

            • 企鹅seo

              测试下,特效不见了

                • 闲鱼 【博主】

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

                • 猫鼬博客

                  好使,正在使用中。

                    • 闲鱼 【博主】

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

                    • 阿江博客

                      是不是现在的这个特效了

                        • 闲鱼 【博主】

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

                        • Hi斌

                          特效?不存在的

                          • 天上掉下来个林妹妹

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

                            • 表情包

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

                              • 岁月留声

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

                                • 呆毛电脑配置网

                                  :mrgreen: 然并卵! :smile:

                                  • 小白

                                    windows10 爆毒

                                    • 堆爱博客

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

                                      • 堆爱博客

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

                                        • 分钱榜

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

                                            • 闲鱼 【博主】

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

                                                • 分钱榜

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

                                                    • 诗梦

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

                                                    • 野人摊影视分享

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

                                                  • 明月登楼的博客

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

                                                    • 我就是我啊

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