javascript - 页面加载后如何淡入：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 -不同之处在于后者将在您的所有资产（包括图像）加载后运行。