可能重复：
How can I make the browser wait to display the page until it's fully loaded?隐藏页面，直到这一切都加载

我有一个简单的网站，我想拿着它开放供X毫秒我之前确定它是全部加载的（例如图片）。有没有办法一次完成整个页面？

我已经有一些淡入淡出来打开网站的各种div，但我希望淡出只发生在页面等待由“加载”设置的那些X ms之后。

谢谢。

2012-10-01 jncunha

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>

或

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

或

紧随您的标记添加这样的事情...

<style> body {opacity:0;}</style>

并在第一件事情你的添加像...

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

所有这些问题的答案都是从How can I make the browser wait to display the page until it's fully loaded?

来源

2012-10-01 10:51:41 TheBlackBenzKid

非常感谢。最后一个选择轻松完成了这项工作。我遇到了一个愚蠢的问题，因为在所有的淡入淡出之前，我都能够看到一些div，然后他们都会隐藏和淡化淡入淡出。现在一切都干净，直到他们开始衰落。 – jncunha

没有问题有时它也可以发生在人们调用页面底部的JavaScript文件以获得速度等时 – TheBlackBenzKid

，如果你使用jQuery，只需创建一个“请稍候”股利和其他一个让所有的内容，但风格= “display：none”，当这个代码准备就绪时，把这个代码交换掉。

jQuery.ready(function(){jQuery('#pleasewait').fadeOut('slow'); jQuery('#content').fadeIn('slow');})

来源

2012-10-01 10:55:07

隐藏页面，直到这一切都加载

回答

jQuery的

相关问题