Question

我想在几秒钟后结束这个动画。我会给你一些时间来研究我的标记。

$(document).ready(function () {

       //when mouse enters .box .cover will animate to go to 150px
        $('.box').mouseenter(function () {
            $(this).parent().find('.cover').stop().animate({
                top: '150px'
             })
        //when mouse leaves .box - .cover will set back to 300px
       .mouseleave(function () {
            $(this).parent().find('.cover').stop().animate({
                top: '300px',
                duration: 300        
            })
          });
        });



});

我想要做的是在鼠标离开后.cover我想等待几秒钟让.cover转到顶部：300px。

我怎样才能做到这一点？任何可能的解决方您能否简要解释一下我错过了什么以及我做错了什么？我想知道我做错了什么或错过了什么。

谢谢Stack Overflow！

Answer 1

Delay it

编辑：这样：

$(this).parent().find('.cover').stop().animate({
                top: '300px',
                duration: 300        
            })

更改为：

$(this).parent().find('.cover').stop().delay(4000).animate({
                top: '300px',
                duration: 300        
            })

延迟动画的开始

1 个答案: