在开始另一个动画之前等待一个动画完成

Question

我在页脚上有一个鼠标中心动画，还有一个鼠标离开动画，只是将它滑动升级，问题就是如果你鼠标输入然后快速多次鼠标快速动画阙并反复运行即使元素是不再使用。

如何让鼠标停止运行，然后再识别鼠标离开。

许多人提供任何帮助

大卫

$(document).ready(function () {
$("footer").mouseenter(function () {
    $("footer").animate({ bottom: '+=62px' }, 500);
});


$("footer").mouseleave(function () {
    $("footer").animate({ bottom: '-=62px' }, 500);

});
});

Answer 1

尝试将stop()添加到animate个功能中。它会停止所选元素上当前运行的动画。

$("footer").mouseenter(function () {
  $("footer").stop().animate({ bottom: '+=62px' }, 500);
});

$("footer").mouseleave(function () {
  $("footer").stop().animate({ bottom: '-=62px' }, 500);
});