Question

我已经看到它已经完成了，但无法真正找到如何做到这一点......我希望在页面加载时在警报消息中有一个背景，然后，几秒后，慢慢将其淡入白色。只是背景 - 消息保持不变。

Answer 1

您需要查看color插件或参考jQuery UI来制作彩色动画。

快速举例：

body{
    background-color:red;
}

$("body").animate({
    backgroundColor : "white"
}, 5000);

jsfiddle

Answer 2

DEMO： http://so.devilmaycode.it/background-color-change-with-jquery

我可以想象这样的事情：

$(function() {
    $('.modal').fadeIn(500,function() {
        $(this).animate({
            'background-color': "#FFF"
        },
        1000,function() {
            $(this).fadeOut(500)
        });
    });
});

#fade{display:none;position:absolute;top:0%;left:0%;width:100%;height:100%;background-color:black;z-index:1001;-moz-opacity:0.8;opacity:.80;filter:alpha(opacity=80);}

#light{display:none;position:absolute;top:35%;left:35%;width:300px;height:50px;padding:16px;background-color:white;z-index:1002;overflow:auto;color:#333}

<div id="light" class="modal">Loading...</div>
<div id="fade" class="modal"></div>

用jQuery改变背景颜色

2 个答案: