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的高度。

我想稍微延迟以便

人们必须在它运行之前将鼠标悬停在它上面
在它返回之前你必须离开它一秒钟 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);
    });
});

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

2 个答案: