xiu主题实现鼠标悬停文章标题向右滑动特效

因为xiu主题已经加载了jQuery库,所以设置就变得很简单了:

效果图:
20150305225522

代码使用方法:

将上述代码加到主题footer.phpbody之前即可。

补一刀:

陌小雨发现xiu主题默认文章标题选中后有下划线,很影响美观,可以把下面代码加入style.css文件中即可去掉:

AD:站点文章对你有帮助,可以选择去百度口碑好评下,还可以点击此处

赞 (0) 口碑
分享到:更多 ()

本文共有3人发表了自己的想法,下一个就是你!

评论 4

表情 签到
  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. 啪啪哒IT
    谢谢博主,我已经找到办法解决回复
  2. 啪啪哒IT
    那个excerpt h2的标题样式怎么看回复
  3. 路过打一下酱油
    有些强迫症的朋友不喜欢jquery,用css也可以达到类似的效果啊。如.title a:hover{border-left: 8px solid #fff;},根据自己网站的背景色设置好border-left的颜色,那样看起来也很不错的,也是平滑右移,我自己网站的相关文章和一些链接用的就是这种方式。回复
  4. 深圳国旅官网
    真实掉渣天回复

本站能为你提供什么?

从这里开始使用WordPress

快速认识WordPress,熟悉WordPress,掌握WordPress。

选择更好用的模板主题

海量的WordPress主题模板供应下载,搭建网站更加轻松、便捷!

让您的网站更安全可靠

在这里,可以了解更多关于网站安全方面的常识问题,做个攻不可破的webmaster

让您的网站更符合你的需求

学习技术教程,自己也能改网站,学前端,做设计,成为一名WEB开发者