乐于分享
好资源不私藏

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

本文最后更新于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>

 

演示效果图:

 

未经允许不得转载:9i资源网 » wordpress美化-为博客网站添加评论输入礼花及震动特效。

评论 抢沙发

评论前必须登录!

立即登录   注册

×
订阅图标按钮