js鼠标悬停在区域边缘时 页面不停先动

Question

$(function(){
$("#loginName").mouseover(
function(){
$("#nametip").show();
}
).mouseout(
function(){
$("#nametip").hide();
}
);

Answer 1

在边缘，出现#nametip时，马上就触发了loginName的mouseout，肯定会闪动的。

Answer 2

很正常,估计是在鼠标移动到边缘时,触发了mouseover效果,但是mouseover效果会减小目标区域的大小,从而脱离mouseover效果,但是脱离mouseover效果之后 目标区域恢复原来大小,又会接着触发mouseover效果,不知道搂住看明白没