这段代码是使用之前主题留下来的,鼠标悬停时链接a标签会向右偏移一段距离。

<style type="text/css">
.jvbox{
width:auto;
height:35px;
margin:1px 10px 1px 10px;
line-height:35px;
overflow:hidden; 
text-align:center; font-size:16px;
}
.jvbox a{color:#666;-webkit-transition: margin 0.2s ease-out;-moz-transition: margin 0.2s ease-out;-khtml-transition: margin 0.2s ease-out;}
.jvbox a:hover{
margin-left:15px;color:#2279A9;text-shadow:0 1px 1px  #bbb;
}
</style>
<div class="jvbox" style="border-bottom:1px solid #ddd;background:#fff;color:#333;"><a href="http://#" target="_blank"  title="网站建设">网 站 建 设</a></div>
<div class="jvbox" style="border-bottom:1px solid #ddd;background:#fff;color:#333;"><a href="http://#" target="_blank"  title="网趣天下">网 趣 天 下</a></div>
<div class="jvbox" style="border-bottom:1px solid #ddd;background:#fff;color:#333;"><a href="http://#" target="_blank" title="文章归档">文 章 归 档</a></div>
<div class="jvbox" style="border-bottom:1px solid #ddd;background:#fff;color:#333;"><a href="http://#" target="_blank" title="管理站点">管 理 站 点</a></div>

[code]

[/code]

20140623_wordpress