实现：
当鼠标移动到链接上，文字会横向移动一定距离。
首先，需加载jquery库。
其次，将下面 javascript代码加到页面的头部：
复制代码 代码示例:
<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>
第三，在样式中加入：
复制代码 代码示例:
a {position:relative}
完成。
简单定义下a:hover样式：
复制代码 代码示例:
a:hover { padding: 0 0 0 8px;}
更多功能，大家自行补充吧。
