wordpress文章标题平滑移动特效

  • A+
所属分类:wordpress wp美化

在很多的博客上看到了、鼠标划过、文章列表标题平滑移动的效果。

感觉挺不错的、喜欢的朋友可以动手试一试。{ 代码 } 博主亲测OK,以下是动态演示效果!

wordpress文章标题平滑移动特效

实现方法:

把下面的js代码复制添加到自己网站主题的任意一个加载使用的js代码文件中

/* 文章标题平移效果*/
jQuery(document).ready(function($){
$('.list-title a ,.entry-title a,.nav-single a,.widget ul li a').hover(function() {
$(this).stop().animate({'left': '10px'}, 'fast');
}, function() {
$(this).stop().animate({'left': '0px'}, 'fast');
});
});

然后在style.css中增加以下代码:

Ps: 知更鸟主题的用户可以添加到外观->主题设置->定制风格->自定义样式里面

.list-title a,.entry-title a,.nav-single a,.widget ul li a{position:relative;}

.
总结: 按以上方法改完就可以看到效果了,亲们可以根据自己的需求,对css进行更改。

代码原自:https://iazuresky.com/966.html
免责声明:本站所有资源全部收集于互联网部分源文件素材均正版授权,
分享目的仅供大家学习与参考,如有侵权,请联系博主QQ:2016080020我们将及时删除!
本站为分享资源社区,所有资源问题,本站均不提供任何性质的技术支持,需要技术支持的请购买官方商业版!
哇涂网

来句评论吧!

友情提示:{ 评论必须包含中文、禁止纯数字、英文输入 }

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

目前评论:1   其中:访客  1   博主  0 查询 457 次 加载 0.462 秒 内存 11.79 MB

    • 韧性哥 韧性哥 来自天朝的朋友 QQ浏览器 Windows 10 安徽省宣城市 电信 1

      坐坐沙发啊