WordPress分享本站标题链接平滑右移效果

上次发了一篇《WordPress为文章标题链接添加动态载入效果》,不知道有几个童鞋用上了,不喜欢的我也没辙啦,我只是分享我的方法嘛。

今天我要写的是鼠标移动到标题上,标题平滑右移的效果,效果可以看我的主页。

你还在嫌你的页面不够生动不够活力吗?亲,那就看下面的教程折腾起来吧!

 

首先第一步要让主题加载jQuery库文件,现在基本上没有主题没加载,所以第一步可以省略,没加载的请看上一篇介绍(文章开头)

(想要知道有没有加载这个库文件的童鞋,在网页查看源代码中,搜索“jquery.min.js”,如果有就是有加载啦。)

第二步就是将这个代码粘贴到主题加载的其中一个JS文件里,就OK了。

jQuery(document).ready(function($){             
$('.entry-title a').hover(function() {          
//.entry-title a 改成你标题的样式名称,可以应用多个链接,用逗号隔开            
$(this).stop().animate({'marginLeft': '10px'}, 200);            
//鼠标移动到链接上的平滑效果,200是毫秒,就是效果时间,可以改成你需要的时间            
}, function() {             
$(this).stop().animate({'marginLeft': '0px'}, 200);            
//鼠标离开链接后的平滑效果,200同上            
});             
});      

发表评论

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