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>