javascript - 使用悬停在 div 上的 Jquery fadeIn 和 fadeOut 问题

Question

我有这个代码:

var x;
x=jQuery(document);
x.ready(inicializarEventos);

function inicializarEventos()
{
    var x;
    x=jQuery(".Caja2");
    x.hover(entraMouse,saleMouse);
}


function entraMouse()
{
    jQuery(this).fadeOut();
}

function saleMouse()
{
    jQuery(this).fadeIn();
}

问题是，当我将鼠标移到框上时，它开始不断淡入和淡出，直到停止鼠标移动。

其他不良行为是，如果我将鼠标移入和移出框的速度比淡入淡出快几倍，它会一遍又一遍地产生效果。

我需要一些东西，当鼠标回到盒子上时停止动画。

Answer 1

关于第二个问题:

如果当您在框上运行鼠标时您的动画正在“建立”，您可以通过先调用 stop() 来解决这个问题。像这样:

jQuery(this).stop().fadeOut();


jQuery(this).stop().fadeIn();