爲什麼不是這個javascript淡入淡出？

不知道這裏有什麼問題，只是試圖在頁面加載時做一個簡單的淡入。爲什麼不是這個javascript淡入淡出？

腳本頭標記：

<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; 
}

來源

2013-11-23 rs19

快速提示：之前''標籤始終把你的腳本。在''部分只包含庫。 – mdesdev

嘗試移動腳本在DOM準備處理

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

來源

2013-11-23 15:58:17

的時候調用它DOM已準備就緒。寫：

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

來源

2013-11-23 15:58:22 Hiral

總結你的代碼DOM ready

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

.ready()

來源

2013-11-23 15:58:24

4次相同的答案，只有12秒之間的第一次和最後一次。：爲此提供了一個鏈接到文檔的D + 1。 – GolezTrol

爲什麼不是這個javascript淡入淡出？

回答

相關問題