隐藏页面直到全部加载

jnc*_*nha 0 html jquery

可能重复:
如何让浏览器等待显示页面,直到它完全加载?

我有一个简单的网站,我想保持它的开放时间为X ms,然后我确定它已全部加载(例如图像).有没有办法一次性完成整个页面?

我已经有一些淡入淡出来打开网站的各个div但是我希望只有在页面等待"加载"设置的那些X ms之后才会发生淡入淡出.

谢谢.

The*_*Kid 7

jQuery的

<body>
<div id="msg" style="font-size:largest;">
<!-- you can set whatever style you want on this -->
Loading, please wait...
</div>
<div id="body" style="display:none;">
<!-- everything else -->
</div>
<script type="text/javascript">
$(document).ready(function() {
    $('#body').show();
    $('#msg').hide();
});
</script>
</body>
Run Code Online (Sandbox Code Playgroud)

要么

<script type="text/javascript">
$('#container').css('opacity', 0);
$(window).load(function() {
  $('#container').css('opacity', 1);
});
</script>
Run Code Online (Sandbox Code Playgroud)

要么

马上关注你的标签后添加这样的东西......

 <style> body  {opacity:0;}</style>
Run Code Online (Sandbox Code Playgroud)

并且在你的第一件事中添加类似......

 <script>
  window.onload = function() {setTimeout(function(){document.body.style.opacity="100";},500);};
 </script>
Run Code Online (Sandbox Code Playgroud)

所有这些答案都来自于如何使浏览器等待显示页面,直到它完全加载?