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

首頁 > 語言 > JavaScript > 正文

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

2024-05-06 15:46:57
字體:
來源:轉載
供稿:網友
這個特效最終實現效果就是當鼠標移動到鏈接上,文字會橫向移動一定距離,貌似總有人喜歡這些花花草草。添加此效果方法很簡單。

首先,需加載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;}


只是不夠自然而已。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 错那县| 惠东县| 湖南省| 睢宁县| 永济市| 大关县| 互助| 陈巴尔虎旗| 奉新县| 姚安县| 岳阳县| 金门县| 松原市| 西丰县| 霍城县| 宣威市| 新郑市| 手机| 思茅市| 绍兴县| 靖边县| 广昌县| 兴仁县| 明光市| 通海县| 特克斯县| 昂仁县| 化隆| 江华| 蒙城县| 杭州市| 曲沃县| 遂昌县| 大石桥市| 香港 | 乾安县| 毕节市| 南乐县| 大宁县| 普安县| 嘉兴市|