Question

不确定这里有什么问题，只是尝试在页面加载时进行简单的淡入淡出。

头标记中的

脚本：

<script>
$("#header").delay(100).animate({"opacity": "1"}, 700);
</script>

CSS：

#header {
    height: 100%;
    width: 100%;
    background-image:url(door.jpg);
    background-size:cover;
    background-position: center;
    background-repeat:no-repeat;
    opacity: 0;
}

Answer 1

将您的代码包裹在DOM ready

中

$(function() {
    $("#header").delay(100).animate({"opacity": "1"}, 700);
});

<小时/> .ready()

Answer 2

尝试将脚本移动到dom ready handler

jQuery(function(){
    $("#header").delay(100).animate({"opacity": "1"}, 700);
})

Answer 3

在DOM准备就绪时调用它。写：

$(document).ready(function(){
    $("#header").delay(100).animate({"opacity": "1"}, 700);
});

为什么这个javascript没有淡出工作？

3 个答案: