Jquery fadeOut方法

Question

首先，我是一个完全的初学者。

我希望颜色块在切换之前淡出。这是jsFiddle和我当前的代码。

$('#6').css({'background-color': '#FFFF00'});

setTimeout(function(){
    $('#11').css({'background-color': '#008000'}).siblings().css({'background-color': '#2e2e2e'});
}, 500);

setTimeout(function(){
    $('#9').css({'background-color': '#0000CD'}).siblings().css({'background-color': '#2e2e2e'});
}, 1000);

setTimeout(function(){
    $('#4').css({'background-color' : '#FFFFFF' }).siblings().css({'background-color' : '#2e2e2e'});}, 1500);

setTimeout(function(){
    $('#14').css({'background-color' : '#FF8C00'}).siblings().css({'background-color' : '#2e2e2e'});}, 2000);

---

我希望颜色块在切换之前淡出，但我不知道如何做到这一点。如果有人可以提供帮助，我将非常感激。

Answer 1

尝试使用这个小提琴http://jsfiddle.net/92Sb4/10/。

$('#6').fadeOut(500,function(){

$(this)
.css({'background-color':'#FFFF00'})
.fadeIn(500);
$(this)
.siblings()
.css({'background-color': '#2e2e2e'})});

要为颜色设置动画，您可以使用颜色animation plugin或只使用removeClass addClass或toggleClass切换类，并使用css3设置动画颜色。