国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

一個簡單的JS鼠標懸停特效具體方法

2019-11-20 22:38:50
字體:
來源:轉載
供稿:網友
首先,需加載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;}  
 

只是不夠自然而已。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 巨野县| 铁力市| 咸丰县| 浪卡子县| 临汾市| 民乐县| 汝城县| 涿州市| 盐源县| 宁津县| 白水县| 行唐县| 巨鹿县| 军事| 兰坪| 民乐县| 锦屏县| 桂平市| 荣成市| 抚松县| 宜章县| 都安| 武夷山市| 城步| 宁都县| 防城港市| 绥德县| 五台县| 公主岭市| 维西| 雷山县| 葫芦岛市| 新郑市| 黄骅市| 苗栗县| 余庆县| 平陆县| 南陵县| 太保市| 高淳县| 盐源县|