整個頁面加載前的顯示加載程序

代碼很簡單，但頁面隨加載程序一起加載。整個頁面加載前的顯示加載程序

<script> 
$(window).load(function() { 
$(".loader").delay(2000).fadeOut("slow"); 
}) 
</script> 

<body> 
<header> 
<div class="loader"><img src="img/loader.gif"></div> 
</header> 
</body>

來源

2017-07-06 Pooja Thapa

的[加載整個頁面之前顯示加載巴]可能的複製（https://stackoverflow.com/questions/11072759/display-a-loading-bar-before-整個頁面被加載） –

也許更恰當的相關：https://stackoverflow.com/questions/23906956/show-loading-icon-until-the-page-is-load –

什麼是目的這個加載GIF？你想只顯示它2秒，然後淡出，或顯示它，而其餘的DOM實際上正在加載？ – Koen

<body> 
    <header> 
    <div class="loader"><img src="img/loader.gif"></div> 
    <script> 
     $(".loader").fadeOut("slow"); 
    </script> 
    </header> 
</body>

應該使它立即顯示加載它的渲染之後，再慢慢淡出。這部分，然後該腳本應該是<body>中的第一項。

來源

2017-07-06 11:27:05 ADyson

更喜歡使用document.ready像下面這樣。

$(document).ready(function() { 
 
$(".loader").delay(2000).fadeOut("slow"); 
 
})

<script src="https://code.jquery.com/jquery-3.2.1.min.js" 
 
    integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" 
 
    crossorigin="anonymous"></script> 
 
<header><div class="loader"><img src="img/loader.gif" alt="loading............."/></div> </header>

來源

2017-07-06 11:30:17

整個頁面加載前的顯示加載程序

回答

相關問題