求jquery 高手帮忙看看我的代码

Question

我的鼠标还在a标签上呢 他为什么自己 自动的运行了mouseover事件？
<script type="text/javascript" src="jquery.js"></script>  
<script type="text/javascript">  
$(document).ready(function(){  
$("a").mouseover(function(){ 
var id= $(this).attr("id"); 
var i=id.replace("A", "B"); 
$("#"+i).animate({top:"100px"},600);   
});  
$("a").mouseover(function(){//为什么我的鼠标还没离开a标签上自己就执行代码了 
var id= $(this).attr("id"); 
var i=id.replace("A", "B"); 
$("#"+i).animate({top:"0px"},600);  
});  
});  
</script>  
    
<a id="A1" >A</a><img id="B1"src="1.png" style="position:absolute"/>  
<a id="A2" >B</a><img id="B2"src="1.png" style="position:absolute"/> 

Answer 1

$(document).ready(function(){  
$("a").mouseover(function(){ 
var id= $(this).attr("id"); 
var i=id.replace("A", "B"); 
$("#"+i).animate({top:"100px"},600);   
});  
$("a").mouseover(function(){//为什么我的鼠标还没离开a标签上自己就执行代码了 
var id= $(this).attr("id"); 
var i=id.replace("A", "B"); 
$("#"+i).animate({top:"0px"},600);  
});  
});  2个都是over，第二个改为mouseout