DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 一個簡單的JS鼠標懸停特效具體方法
一個簡單的JS鼠標懸停特效具體方法
編輯:關於JavaScript     
首先,需加載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;}  
 
只是不夠自然而已。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved