wordpress美化-为博客网站添加评论输入礼花及震动特效。-9i资源网

本文最后更新于2020.04.21-19:46，某些文章具有时效性，若有错误或已失效，请在下方评论留言或联系博主。

我自己很喜欢这种，在不经意之间才触发的特效，只有在输入评论或者搜索时会才会弹出烟花，能带给我带来一丝惊喜。

教程开始：

1、下载文章底部的pinglun.js压缩文件，并上传到主题的 JS 文件夹中

2、将以下代码添加到主题的 footer.php 文件适当的位置，其中” src=”wp-content/themes/vieu/static/js/pinglun.js” “修改为你所使用主题的js文件夹。

<script src="wp-content/themes/vieu/static/js/pinglun.js"></script>  
<script> 
POWERMODE.colorful = true; // ture 为启用礼花特效 
POWERMODE.shake = false; //  false 为禁用震动特效 
document.body.addEventListener('input', POWERMODE);  
</script>

PS：如果只想在PC 端显示这个打字特效的话，就使用下面的代码，这样移动端就不会显示特效了。

<script type="text/javascript">
if(!(/iphone|ipod|ipad|ipad|Android|nokia|blackberry|webos|webos|webmate|bada|lg|ucweb|skyfire|sony|ericsson|mot|samsung|sgh|lg|philips|panasonic|alcatel|lenovo|cldc|midp|wap|mobile/i.test(navigator.userAgent.toLowerCase()))){
POWERMODE.colorful = true;
POWERMODE.shake = false;
document.body.addEventListener('input', POWERMODE);
}
</script>

演示效果图：