刚开始学CSS一个多礼拜，看了很多大大用CSS做的非常漂亮的东西羡慕不已，同时也感叹前端之路真是非常遥远啊

好了不说废话了，今天给大家带来的是鼠标移到链接上面产生平滑移动的效果，

具体效果请看这个→Demo

使用方法是打开主题中的header.php或者footer.php在两个中间粘贴下面的代码

下面是源代码：

<style type='text/css'>a {position:relative;}</style>     
<script type='text/javascript'>jQuery(document).ready(function(){('a').hover(function()   
    {  
        (this).stop().animate({'left': '5px'}, 'fast');     }, function() {(this).stop().animate({'left': '0px'}, 'fast');  
    });  
    });</script>

注：

1：第一个5px是平移的距离

2：两个“left”可以改成right、top、bottom，这四个分别为朝相反的方向平移，即:右左下上

3：两个“fast”可以改成slow，这样鼠标覆盖链接产生的延迟就高一点，大家可以自己尝试，看看具体效果