为什么我鼠标还没离开 图片就消失了

Question

$(document).ready( function() {

    $("#xf1").mouseover( function() {
        $("#xu001").fadeIn("fast");
    }).mouseout( function() { $("#xu001").fadeOut("slow"); 
 });
<div style="width:125px; height:150px;" id="xf1"><a href="xiangqing.html"><img  src="image/1/1.png" style="border:0px" /></a></div>
<div style="width:228px; height:250px; position:absolute; left: 380px; z-index:999; top: 201px;" id="xu001"><img src=image/2/1.jpg /></div>为什么我鼠标还没离开 图片就消失了

Answer 1

因为浏览器会认为你的鼠标在div上，而不是在img上

Answer 2

鼠标移动到div里的A标签，也算作触发OUT事件

Answer 3

因为浏览器会认为你的鼠标在 div 或者 a 上，而不是在 img 上

Answer 4

$(document).ready( function() {
$("#xf1").mouseover( function() {
$("#xu001").fadeIn("fast");
}).mouseout( function() { 
$("#xu001").fadeOut("slow");
})
});

Answer 5

当你的鼠标跑到img上去时候就已经离开了div，所以它会隐藏

Answer 6

当xu001的mouseover的时候也要显示