Javascript 等待一个动画完成，然后再开始另一个动画

我在页脚上有一个mouseenter动画，还有一个mouse leave动画，它只是稍微滑动一下，我遇到的问题是，如果你用鼠标进入，那么mouseleve会多次快速移动动画，并反复运行，即使不再使用该元素

我怎样才能等到老鼠跑过来，然后它才认出老鼠离开呢

许多人都想得到任何帮助

大卫

尝试将

stop（）

添加到

animate

函数中。它将停止选定元素上当前正在运行的动画

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

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

---

@大卫·乔治如果答案有效，请接受。

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

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