動畫背景顏色jQuery

Question

搜索互聯網後，似乎有各種各樣的方法來通過jquery動畫顏色。

什麼是最好的方式來讓我的「包裝」從#FFF到＃000的背景顏色動畫？

var open = true; 
    $(".btn-slide").click(function(){ 
     if(open){ 
     $("#wrapper").animate({ 
      width: 900, 
      }, 
      1000, function() { 
     }); 
    open= false; 
    }else{ 
     $("#wrapper").animate({ 
      width: 250, 
      }, 
      1000, function() { 
    open = true; } 
}); 

感謝您的建議。我非常感謝投入。

Answer 1

你可以試試這個

var open = true; 
     $(".btn-slide").click(function(){ 
     if(open){ 
     $("#wrapper").animate({ 
     width: 900, 
     backgroundColor: '#000' 
     }, 
     1000, function() { 
     }); 
     open= false; 
     }else{ 
     $("#wrapper").animate({ 
     width: 250, 
     backgroundColor: '#000' 
     }, 
     1000, function() { 
     open = true; } 
     }); 

Answer 2

你會使用jQuery animate。

但是，jQuery默認不能插入顏色，因此您需要使用color animation plugin或（如Niklas所述）jQuery UI Effects。