(转自明月博客和boke123合并此文)最近很多博主都留言说明月博客的评论输入特效很炫酷,我自己也很喜欢,在输入评论时跟随光标弹出烟花很是炫酷(还可以开启屏幕震动哦!),这还是明月在【闲鱼博客】上获得的,首先要感谢【闲鱼博客】的无私分享。今天我就借花献佛也分享给大家! 首先要下载这个JS代码,上传到网站目录(具体哪里随意) 1、下载activatepowermode。js文件(已压缩,仅有5。18KB),并上传到主题的JS文件夹中(如N为例,就上传wpcontenthemesNanajs)。 特效代码文件下载:〔reply〕地址一:https:pan。baidu。coms1c3QcLg地址二:https:pan。baidu。comshareinit?surlqYGk08G,密码(vfrx)〔reply〕 2、将以下代码添加到主题的footer。文件适当的位置。 src“jsactivatepowermode。“ POWERMODE。 POWERMODE。 document。body。addEventListener(‘input’,POWERMODE); 因为这个输入特效只有在评论的时候有用,所以为了不乱加载这些JS文件,建议给这些代码加一个判断是否为文章页或页面,是的话才加载这些代码。 8月23日更新 PS:有很多博主反馈说这个打字特效在移动端打字时特别卡,所以我们可以考虑移动端不显示这个特效,仅仅在PC端显示这个打字特效即可。做法就是给第2步的JS添加一个判断,具体修改如下: if(!(iphoneipodipadipadAndroidnokiablackberrywebosweboswebmatebadalgucwebskyfiresonyericssonmotsamsungsghlgphilipspanasonicalcatellenovocldcmidpwapmobilei。test(navigator。userAgent。toLowerCase()))){ POWERMODE。 POWERMODE。 document。body。addEventListener(‘input’,POWERMODE); } 如果所使用主题的footer。php文件内没有这个判断条件的话,建议使用以下代码: src“jsactivatepowermode。“ POWERMODE。 POWERMODE。 document。body。addEventListener(‘input’,POWERMODE); 如果已经有判断条件代码,只需要将第二步的代码添加在里面即可。 注意:如果第一步上传的路径不是在JS文件夹中,在第二步引用activatepowermode。js文件时记得修改路径哦。 重要声明 本文所使用的。js文件、代码及方法均来自闲鱼博客分享的《WordPress优化:给博客添加评论输入特效》这篇文章,本文仅对activatepowermode。js文件进行压缩,从原来的9。29KB压缩成5。18KB,并把步骤具体化而已。