如何在页面加载后淡入淡出：Javascript

Question

我正在使用淡入淡出效果脚本淡入我的主页，但理想情况下，我想在加载背景图像后开始淡入淡出。

我如何将其合并到现有的javascript中？

更新的脚本：

<script type="text/javascript">
$(window).load(function() {
    if (window.localStorage && !localStorage['faded']) {
        localStorage['faded'] = true;
        $('body').hide().fadeIn(500);
    }
});
</script>

CSS：

html {
    background: #000;
    height: 100%;
}
body {
    background: black url(images/bg.jpg) no-repeat 200px center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin: 0;
    height: 100%;
}

Answer 1

使用$（window）.load而不是$（document）.ready - the difference是后者将在加载所有资源（包括图像）后运行。