整个页面加载前的显示加载程序

代码很简单，但页面随加载程序一起加载。整个页面加载前的显示加载程序

<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

整个页面加载前的显示加载程序

回答

相关问题