jquery动画然后恢复正常

Question

考虑一个div"dMyDiv"

我在jquery中注意到我可以动画这样:

$( "#dMyDiv").animate({
         backgroundColor: "#aa0000"
  }, 1000 );

给我的div带来一个像彩色背景的红色.但有没有办法在10秒之后回到我的div的正常白色背景？我看到有一个回调函数,但我不确定是否可以启动动画,一旦动画完成后回到我的常规背景(动画之前).我应该这样做:

 $( "#dMyDiv").animate({
             backgroundColor: "#aa0000"
          }, 1000, function() {
           $(#dMyDiv").animate({ backgroundColor: "#fff" }, 1000);
          };
);

红色动画后的意思,再次动画为白色？

Answer 1

你是对的.第三个参数是动画完成后执行的函数.

$("#dMyDiv").stop().animate({backgroundColor:'#aa0000'},1000,function(){
    $(this).animate({backgroundColor:'#fff'},1000);
});

Answer 2

我能够和这些人一起做到这一点：

http://jsfiddle.net/aN7qz/

这是代码：

$( "#myDiv").animate({ 
             backgroundColor: "#aa0000" 
          },
             1000, 
             function() { 
                 $("#myDiv").animate({ backgroundColor: "#fff" }, 1000);
             }
                     );