如何在懸停高度變化時爲此添加延遲？

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插件。我曾經使用它，並且它非常易於使用和實施

Answer 2

這類作品，但問題是當它懸停和停留很多次時，它並沒有結束，只是繼續上下。所以我需要一些如何添加我需要的兩個。 。

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

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