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