欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

一個簡單的JS鼠標(biāo)懸停特效具體方法

 更新時間：2013年06月17日 09:35:48   作者：  
這個特效最終實現(xiàn)效果就是當(dāng)鼠標(biāo)移動到鏈接上，文字會橫向移動一定距離，貌似總有人喜歡這些花花草草。添加此效果方法很簡單。
首先，需加載jquery庫（略過）。

其次，將下面 Javascript代碼加到頁面的頭部：
 
復(fù)制代碼 代碼如下:

<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>  
 

第三，在樣式中加入：
 
復(fù)制代碼 代碼如下:

a {position:relative}  

完成。

簡單定義下a:hover樣式，貌似更簡單：
 
復(fù)制代碼 代碼如下:

a:hover {   padding: 0 0 0 8px;}  
 

只是不夠自然而已。

相關(guān)文章

最新評論