jQuery animate() 改变颜色

jQuery提供的animate()方法能够实现一些简单的动画效果，可是其核心库不提供颜色动画的效果，若是想实现颜色动画，须要下载相关插件。

可是，animate()的参数中有一个complete，经过它能够设置动画完成以后的执行函数，这时能够改变颜色。

                  

 1 <script type="text/javascript">
 2     $("#btn").click(function() {
 3         $("div").animate({
 4             width: 100,
 5             height: 100
 6         }, {
 7             duration: 3000,
 8             complete: function() {  9                 $("div").css("background-color", "red"); 10  } 11         });
12     });
13 </script>