0

我有一个 asp.net 项目，我想在不使用 AJAX和使用简单的 java-script DIV 魔术的情况下显示进度图像 (​​GIF)。

我要做的就是在母版页（asp.net母版页，所以我不需要在每个内容页面上重复代码）中放置一个div（在页面加载过程中显示动画时钟）并在页面加载时显示它进行中。

我希望你明白我想做什么。

谢谢，

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 回答