动画背景颜色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

你使用jQuery animate。

但是，jQuery默认情况下无法插入颜色，因此您需要使用color animation plugin或（如Niklas所说）jQuery UI Effects。

Answer 2

你可以试试这个

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; } 
        });