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 回答