首页 / 脚本样式 / JavaScript / 一个简单的JS鼠标悬停特效具体方法

首先，需加载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;}  
 
只是不够自然而已。