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


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

圖片精選

主站蜘蛛池模板: 沈阳市| 察隅县| 汪清县| 水富县| 高青县| 梁河县| 尤溪县| 岑溪市| 大港区| 海南省| 红河县| 陈巴尔虎旗| 鲁山县| 土默特右旗| 云安县| 工布江达县| 比如县| 平度市| 顺平县| 兴宁市| 建阳市| 水富县| 合水县| 伊宁县| 梓潼县| 特克斯县| 靖西县| 杂多县| 翼城县| 象山县| 新沂市| 旌德县| 元江| 梅州市| 蒙山县| 宜章县| 宁乡县| 嘉兴市| 如东县| 泌阳县| 鲁山县|