首先,需加載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;}
只是不夠自然而已。