等待一个动画完成之前开始另一个
问题描述:
我有一个footer mouseenter动画,还有一个鼠标离开动画,只是滑动它abit,问题是如果你鼠标进入然后mouseleave多次快速动画que和即使元素不再被使用,也会反复运行。等待一个动画完成之前开始另一个
我该如何等待鼠标在运行之前运行,然后才能识别鼠标请求。
许多thansk任何帮助
大卫
$(document).ready(function() {
$("footer").mouseenter(function() {
$("footer").animate({ bottom: '+=62px' }, 500);
});
$("footer").mouseleave(function() {
$("footer").animate({ bottom: '-=62px' }, 500);
});
});
答
尝试增加stop()
您animate
功能。它会停止所选元素上当前正在运行的动画。
$("footer").mouseenter(function() {
$("footer").stop().animate({ bottom: '+=62px' }, 500);
});
$("footer").mouseleave(function() {
$("footer").stop().animate({ bottom: '-=62px' }, 500);
});
@David_George请接受它的工作原理。 –