0

asp.net プロジェクトがあり、 AJAXを使用せずに単純な Java スクリプト DIV マジックを使用せずに進行状況イメージ (GIF) を表示したいと考えています。

私がしたいのは、1つのdiv（ページの読み込み中にアニメーションクロックを表示する）をマスターページ（asp.netマスターページなので、すべてのコンテンツページでコードを繰り返す必要がない）に配置し、ページの読み込み時に表示することだけです進行中。

私がやりたいことを理解していただければ幸いです。

ありがとう、

4

2 に答える 2

1

このように達成できます

<body style="background-color:#FFFFFF;" onLoad="init()">


    <div id="loading" style="position:absolute; width:200px; height:163px; text-align:center;top:310px; left:487px;">
    <img src="images/loading.gif" border=0 style="margin:38px"/>
</div>
 <script>
 var ld=(document.all);
  var ns4=document.layers;
 var ns6=document.getElementById&&!document.all;
 var ie4=document.all;
  if (ns4)
    ld=document.loading;
 else if (ns6)
    ld=document.getElementById("loading").style;
 else if (ie4)
    ld=document.all.loading.style;
  function init()
 {
 if(ns4){ld.visibility="hidden";}
 else if (ns6||ie4) ld.display="none";
 }
 </script>
于 2012-05-24T10:30:43.400 に答える
0

ドキュメントの本文に 2 つのセクションを作成します

<div id="progress">
// Code for gif image
</div

<div id="content" style="display:none;">
// Whole page content
</div>

その後、このJavaScriptを含めます。ヘッダーにありません

<script>
  document.getElementById("progress").style.display = 'none';
  document.getElementById("content").style.display = 'block';
</script>

jQuery を知っていれば、 $(document).ready() イベントで同様のことができます

于 2012-05-24T10:28:19.060 に答える