做一個DIV褪色，一旦頁面加載

Question

想知道怎樣才能做出一次頁面加載完成，而不是僅僅出現在下面的DIV淡入...

到目前爲止，我有：

$(window).load(function() { 
 
    
 
    // Sidenav show/hide JS 
 
    
 
if (document.querySelector('li[title="Internal Help Centre"]')) { 
 
    document.querySelector('#DIV_2').style.display = 'table-cell'; 
 
} 
 
    
 
});

提前感謝！

Answer 1

使股利顯示爲無最初和文件準備使用jQuery淡入動畫

CSS

#Div2{ 
    display: none 
} 

的Javascript

$(document).ready(function(){ 
    // here you can write code for fade in Div2 
}); 

Answer 2

試試這個

<style> 
    #DIV_2 {display:none;} 
<style> 

<script> 
$(window).load(function(){ 
    if ($('li[title="Internal Help Centre"]').length) { 
     $('#DIV_2').fadeIn(); 
    } 
}); 
<script> 

Answer 3

相反使用：$(window).load()

用途：$(document).ready()

如。

<div class="fadein" style="display:none;"></div> 

<script type="type/javascript"> 
$(document).ready(function() { 
    $('.fadein').delay(500).fadeIn(); 
}) 
</script> 

可以刪除.delay(500)我只是用它來確保它加載的DOM完成加載後。