国产探花免费观看_亚洲丰满少妇自慰呻吟_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;}  
 

只是不夠自然而已。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 新郑市| 额尔古纳市| 洛南县| 义乌市| 乌鲁木齐县| 临清市| 恩施市| 正定县| 蓝田县| 望奎县| 衡山县| 镇雄县| 平凉市| 沁源县| 论坛| 东丽区| 莎车县| 巩留县| 阿图什市| 黄骅市| 平江县| 崇义县| 滦平县| 丽水市| 清河县| 乌拉特前旗| 武邑县| 博兴县| 宣恩县| 青浦区| 修武县| 醴陵市| 桐柏县| 怀化市| 宜川县| 兴业县| 额敏县| 宽城| 天水市| 盘锦市| 石台县|