隐藏页面直到全部加载

时间:2012-10-01 10:49:18

标签: jquery html

  

可能重复:
  How can I make the browser wait to display the page until it's fully loaded?

我有一个简单的网站,我想在我确定它已全部加载之前保持它的X ms开放(例如图像)。 有没有办法让这一次成为整个页面?

我已经有一些淡入淡出来打开网站的各个div但是我希望只有在页面等待“加载”设置的X ms后才会出现淡入淡出。

谢谢。

2 个答案:

答案 0 :(得分: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>

<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?

答案 1 :(得分:1)

如果您使用jQuery,只需使用&#34创建一个div;请等待&#34;还有另一个包含所有内容但风格=&#34;显示:无&#34;,su将此代码交换然后准备就绪。

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