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

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

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

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

谢谢

你可以这样实现

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

在

文档正文中制作 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（）事件上做类似的事情

。

相关内容

最新更新

热门标签：