Jquery中的动画，一步一步执行

Question

我正在使用以下代码在Jquery中制作动画。我想在step1完全执行时发生step2。目前两个步骤同时运行，因此我得到background2.jpg的背景图像，而image1.jpg设置为css样式。请帮忙？我是jquery的新手

步骤：1

$("#atn").animate({top:"+=335"},3000).animate({top:"-50px"},1000).animate({top:"0"},2000).animate({width:"hide"},0); 

步骤：2

$("#atn").css("background-image", "url(images/image2.jpg)");

*注意：第二步可能不同div，例如。 #atn2

Answer 1

使用animate的回调。

$("#atn").animate({top:"+=335"},3000).animate({top:"-50px"},1000).animate({top:"0"},2000)
         .animate({width:"hide"},0, function(){
             $("#atn2").css("background-image", "url(images/image2.jpg)");
         });