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 上时它从 300px 的高度(在 CSS 中设置)获取它。并将其动画到高度 400px .

我想要稍微延迟一下，以便

1. 人们必须将鼠标悬停在它上面一秒钟，然后它才会运行
2. 在它返回之前，你必须离开它一秒钟 300px .

Answer 1

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