HTML code
<%-- 頁面加載時的等待，用一個圖片表示 --%>
<div id="displayImage" style="position:absolute; left:300px; top:300px; z-index:105; display:none">
<asp:Image ID="Image1" runat="server" ImageUrl="~/images/ajax-loader1.gif" />
</div>
JScript code
function pageLoad(sender,args)
{
if(!args._isPartialLoad)
{
Sys.WebForms.PageRequestManager.getInstance().add_beginRequest(beginRequestHandler);
Sys.WebForms.PageRequestManager.getInstance().add_endRequest(endRequestHandler);
}
}
//開始請求時-->圖片顯示
function beginRequestHandler(sender,args)
{
$get("displayImage").style.display="block";
}
//結束-->圖片隱藏
function endRequestHandler(sender,args)
{
$get("displayImage").style.display="none";
}
------------------------------------------------------------------------------------------------------------------------
用多线程:
js:
<script type="text/javascript">
document.write(' <div id=loadDiv >页面正在载入，请等待 </div>');
var setInterval1 = setInterval("loading.innerText += '.'", 100);
var setInterval2 = setInterval("loading.innerText = '.'", 20000);
function window.onload()
{
hiddenDiv.style.display=""; //显示页面内容
loadDiv.removeNode(true);
clearInterval(setInterval1);
clearInterval(setInterval2);
}
</script>
html:
<body>
<form id="form1" runat="server">
<div id="hiddenDiv" style="display:none">
..............
</div>
</form>
</body>
本文作者:网友 来源:网络IT168
CIO之家 www.ciozj.com 微信公众号:imciow