Question

我有一个asp.net项目，我想在不使用AJAX 和使用简单的java脚本DIV魔法的情况下显示进度图像（GIF）。

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

我希望你理解我想做的事。

谢谢，

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

Answer 2

在文档正文中制作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（）事件

上做类似的事情

如何使用母版页控制加载面板而不使用AJAX

2 个答案: