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 - the difference是后者将在加载所有资源(包括图像)后运行。