1

可能重复：
如何让浏览器等待显示页面，直到它完全加载？

我有一个简单的网站，我想在确定它全部加载之前将它打开 X 毫秒（例如图像）。有没有办法一次把它变成整个页面？

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

谢谢你。

4

2 回答 2

8

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>

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

于 2012-10-01T10:51:41.870 回答
1

if you use jQuery, just create a div with "please wait" and an other one with all your content but with style="display:none", su put this code to swap then when its ready.

jQuery.ready(function(){jQuery('#pleasewait').fadeOut('slow'); jQuery('#content').fadeIn('slow');})
于 2012-10-01T10:55:07.783 回答