如何淡出一個div

Question

我試圖讓一個div背景色的淡出慢

HTML

<div class="bg">...........</div> 

我用這個jQuery的背景色

$('.bg').css('backgroundColor','#dedede'); 
setTimeout(function(){ 
    $('.bg').css('backgroundColor','#ffffff'); 
}, 1000); 

如何添加fadeOut效果？

Answer 1

您可以使用fadeOut： $（'。bg'）。css（'backgroundColor'，'#dedede'）;

$('.bg').fadeOut(1000); 

Demo

OR

您可以animate：

$('.bg').animate({ 
    'opacity': '0' 
}, 1000); 

Demo

UPDATE

$('.bg').css('backgroundColor', '#dedede'); 
$('.bg').animate({ 
    'opacity': '0.5' 
}, 1000, function() { 
    $('.bg').css({ 
     'backgroundColor': '#fff', 
     'opacity': '1' 
    }); 
}); 

Demo