jQuery动画延迟

如何使用jQuery延迟动画？

我需要导航来扩展宽度，然后扩展高度，然后反转为反向动画。

码：

$(function() { $("#nav li").not("#logo, #nav li ul li").hover(function(){ $(this).animate({width:"200px"},{queue:false,duration:1000}); }, function(){ $(this).animate({width:"30px"},{queue:false,duration:1000}); }); $("#nav li.parent").hover(function(){ $(this).children("ul").animate({height:"40px"},{queue:false,duration:500}); }, function(){ $(this).children("ul").animate({height:"0px"},{queue:false,duration:500}); }); }); 

Answer 1

使用jQuery .delay(N)方法，其中N是延迟的毫秒数。

jsFiddle示例

Answer 2

以下是您正在寻找的电话http://api.jquery.com/delay/

 .delay(n) // where n is the millis of delay 

用法如下

 $.animate(action1).delay(n).animate(action2) // this code puts the delay bewtween two different animations