Jquery幻灯片动画行为

我正在做一个简单的滑出标签

此脚本会在鼠标位于“#tabFeature1”上方时，使div-“#slideout”滑入，然后滑出

除了一个不必要的副作用外，一切都在起作用。如果效果堆叠-则每个鼠标盖/鼠标出都被堆叠。例如，如果用户快速移动鼠标10次，然后停止移动鼠标，动画将继续移动10次。效果是动画不会堆叠。请让我知道这是否有意义

$(document).ready(function () {
    $('#tabFeature1').mouseover(function () {
            $('#slideout').show("slide", { direction: "left" }, 1000);
        });

    $('#tabFeature1').mouseout(function () {
            $('#slideout').hide("slide", { direction: "left" }, 1000);
    });
});

---

使用

检查动画是否仍在进行中。是否（':animated'）

，如果上一个动画已完成，则应用动画

$(document).ready(function () {
    $('#tabFeature1').mouseover(function () {
            if (!$('#slideout').is(':animated')) {
                $('#slideout').show("slide", { direction: "left" }, 1000);
            }
        });

    $('#tabFeature1').mouseout(function () {
            if (!$('#slideout').is(':animated')) {
                $('#slideout').hide("slide", { direction: "left" }, 1000);
            }
    });
});

---

这是预期的行为，因为鼠标事件将始终排队…这最终成为我的最终解决方案。这是一个简单的滑出式面板$（'#tabFeature1'）.mouseover（函数（）{$（'#slideout'）.stop（）.animate（{left:'100px'}，{queue:false，duration:500}）；}）$（'tabFeature1'）.mouseout（函数（）{$（'tabFeature1'）.stop（）.animate（{left:'0px'}，{queue:false，duration:500}）；}）；