1

重複の可能性:
ページが完全に読み込まれるまで、ブラウザーがページの表示を待機するようにするにはどうすればよいですか?

私は単純なウェブサイトを持っていて、それがすべて読み込まれたことを確認する前に、X ミリ秒開いていることを確認したいと思います (画像など)。これをページ全体に一度に作成する方法はありますか?

サイトのさまざまな div を開くためのフェードが既にいくつかありますが、ページが「読み込み」によって設定された X ミリ秒待機した後にのみフェードが発生するようにしたいと思います。

ありがとうございました。

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

jQueryを使用する場合は、「しばらくお待ちください」でdivを作成し、すべてのコンテンツを含む別のdivを作成しますが、style = "display：none"を使用して、準備ができたらこのコードを交換してください。

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