如何淡出div的背景颜色

Question

我正在尝试将div背景颜色设为fadeOut slow

html

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

我使用了这个jquery

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

如何添加fadeOut效果？

Answer 1

您可以使用fadeOut：     $（＆＃39; .bg＆＃39;）。css（＆＃39; backgroundColor＆＃39;，＆＃39; #dedede＆＃39;）;

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

Demo

或

您可以animate：

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

Demo

<强>更新

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

Demo