0

在我的导航中,当鼠标悬停时,元素会变得更高。当快速将鼠标移入和移出元素时,它会导致问题。我在网上搜索并找到了某种解决方案,即 jQuerystop方法。我试过了,但没有得到很好的工作。

当您将鼠标缓慢移到li元素上并移出时,它可以正常工作(动画会结束),但是当您将鼠标移动得更快时,它会失败。

这是代码和结果。

可能有什么问题?

如果我想将文本从底部保持 10 px 怎么办?我该如何实施?

4

2 回答 2

2

停止接受两个参数。

  • 一个布尔值,指示是否删除排队的动画

  • 一个布尔值,指示是否立即完成当前动画

您需要添加这 2 个参数以使其按预期工作:

$(element).stop(true, true).animate({.....

更新的演示

于 2013-04-07T14:15:00.977 回答
0

您可以使用jQuery hoverintent 插件

$("nav").hoverIntent( makeTall, makeShort, 'li' )

处理 CSS 的函数在哪里makeTall以及在哪里。makeShort

于 2013-04-07T14:24:37.470 回答