jQuery停止动画

jQuery Stop Animation

本文关键字：动画 jQuery      更新时间：2023-09-26

我有一个jQuery动画菜单栏。它有一个滑动图像效果。当你将鼠标悬停在每个项目上时，图像会发生变化，当你将鼠标悬停在整个菜单栏时，它会变为默认菜单栏。

问题:然而，如果在当前活动的动画完成之前将鼠标悬停在整个菜单栏之外，它不会改变上面提到的默认图像，并且您将被卡在另一个图像上，直到您再次缓慢地将鼠标移出。这种情况经常发生，并导致动画的方向混乱。

我需要一种方法来使用jQuery停止所有其他动画在中间，当我的鼠标离开整个菜单。因此，当你的鼠标离开整个区域时，取消所有动画，并将其还原为默认动画。

我的JS文件被缩小了，但你可以看看这里:http://designsweeter.com/live/bcmedical/wp-content/themes/designsweeter/scripts/menu.js

美化JS:http://designsweeter.com/live/bcmedical/prettymenu.js

不能给出一个具体的答案，因为你的代码很混乱，但试着包括这个回调。

jQuery('ul.your-menu').mouseout(function() {
    jQuery(this + ' li').stop(true, true).animate(*YOUR CODE HERE - to return to default image*);
}

你需要替换选择器和。animate代码来匹配你的具体情况。

希望这对你有帮助!

相关文章：