Jquery 如何设置悬停时的停止时间？

以下是我要更改的代码：

$("#header_nav").mouseenter(function(){
            $('#header_nav').stop().animate({
                height:'50px'
            },600); 
});


$("#header_nav").mouseleave(function(){
            $('#header_nav').stop().animate({
                height:'100px'
            },600);
});

问题：如何设置停止时间（如果将鼠标悬停在该区域上，则该区域没有响应的时间）

---

谢谢。

不清楚您所说的“停止时间”是什么意思，但我猜您的意思是，您不希望动画在鼠标悬停在元素上至少一段最短时间（例如500毫秒）后开始。如果是，则可以使用，并使用

true

参数调用以清除队列中的任何动画：

$("#header_nav").mouseenter(function(){
        $(this).stop(true).delay(500).animate({
            height:'50px'
        },600); 
}).mouseleave(function(){
        $(this).stop(true).animate({
            height:'100px'
        },600);
});

---

演示的更新版本：

您所说的“停止时间”是什么意思？您的意思是，您不希望动画在鼠标悬停在元素上至少x秒后才开始？您所说的“设置停止时间”是什么意思<代码>停止（）用于暂停队列上的当前动画。哇！这正是我需要的。还有好人。：）非常感谢你。我的想法是，当我快速悬停在它上面时，它不应该响应。