hover - 当悬停在高度变化时，如何添加延迟？

Question

$(function(){
    $("#top-img").hover(function(){
    $(this).stop().animate({height:"400px"},{queue:false,duration:700});
        }, 

        function() {
    $(this).stop().animate({height:"300px"},{queue:false,duration:700});
    });
});

这是我正在使用的代码，大部分都很简单。当我将鼠标悬停在 div#top-img上时，它会从高度（在 CSS 中设置）将其设置300px为400px.

我想稍微延迟一下，以便

1. 人们必须在它运行前悬停一秒钟，然后
2. 你必须先离开它一秒钟，然后它才能回到 300px.

Answer 1

查看HoverIntent jQuery 插件。我过去使用过它，它非常易于使用和实施

Answer 2

这种工作，但问题是当悬停和关闭悬停很多次时，它并没有结束，只是继续上下。所以我需要一些如何从两者中添加我需要的东西。.

$(document).ready(function(){
    $("#top-img").hover(function(){
    $(this).delay(400).animate({height:400},1000);
},function(){

    $(this).delay(300).animate({height:300},500);
    });
});