我有一个带有jQuery动画的菜单栏。它上面有滑动图像效果。当您将鼠标悬停在每个项目上时,图像会发生变化,当您将鼠标悬停在整个菜单栏中时,它会更改为默认的菜单栏。
问题:但是,如果您在当前活动动画完成之前将鼠标悬停在整个菜单栏之外,它将不会更改上面提到的默认图像,并且您将被卡在另一个图像上,直到您再次慢慢退出鼠标。这经常发生,并导致动画让他们的方向搞砸了。
当我将鼠标移出整个菜单时,我需要一种方法来使用jQuery来暂停中间的所有其他动画。因此,只要您的鼠标离开整个区域,就取消所有动画,然后将动画恢复为默认值。
我的JS文件已缩小,但您可以在这里查看: http://designsweeter.com/live/bcmedical/wp-content/themes/designsweeter/scripts/menu.js
答案 0 :(得分:2)
无法给出具体答案,导致您的代码非常混乱,但请尝试包含此回调。
jQuery('ul.your-menu').mouseout(function() {
jQuery(this + ' li').stop(true, true).animate(*YOUR CODE HERE - to return to default image*);
}
您需要替换选择器和.animate代码以符合您的具体情况。
希望这有帮助!