您现在的位置: 365建站网 > 365学习 > showLoading

showLoading

文章来源:365jz.com     点击数:81    更新时间:2009-09-15 10:01   参与评论
function createDiv() { if(document.body!=null) { var div_show_d=document.getElementById('div_show_d'); if(div_show_d==null||div_show_d==undefined) { div_show_d=document.createElement(""); document.body.appendChild(div_show_d); //創建Marquee CreateMarquee(div_show_d); div_show_d.style.display="none"; } } } function createFrame() { if(document.body!=null) { var frame_test=document.getElementById('frame_test'); if(frame_test==null||frame_test==undefined) { frame_test=document.createElement(""); document.body.appendChild(frame_test); //創建Marquee frame_test.style.display="none"; } } } function showDiv() { var div=document.getElementById('div_show_d'); if(div!=null||div!=undefined) { div.style.height="100%"; div.style.width="100%"; div.style.position = "absolute"; div.style.top = "0px"; div.style.left = "0px"; div.style.zIndex = 999 ; div.style.display="block"; CreateMarquee(div); } } function showFrame() { var frame=document.getElementById('frame_test'); if(frame!=null||frame!=undefined) { frame.style.height="100%"; frame.style.width="100%"; frame.style.position = "absolute"; frame.style.top = "0px"; frame.style.left = "0px"; frame.style.zIndex = 998 ; frame.style.display="block"; } } function HideDiv() { var div=document.getElementById('div_show_d'); if(div!=null||div!=undefined) { document.body.removeChild(div); } } function HideFrame() { var frame=document.getElementById('frame_test'); if(frame!=null||frame!=undefined) { document.body.removeChild(frame); } } function displayWaiting() { if(document.readyState=="loading") { createDiv(); createFrame(); showDiv(); showFrame(); } } function CreateMarquee(obj) { var mySpan=document.createElement("marquee"); mySpan.innerText="Loading......" ;//顯示于頁面的提示文字 mySpan.style.position="absolute"; mySpan.style.top="50%"; mySpan.style.width='100%'; mySpan.style.left="0px"; //mySpan.style.backgroundColor="#C3DAF5";//文字的背景顏色 mySpan.style.color="blue";//文件的字體顏色 mySpan.scrollDelay="100"; obj.appendChild(mySpan); } window.onload=function() { document.body.style.width="100%"; document.body.style.height="100%"; HideDiv(); HideFrame(); } document.body.onclick=function() { var obj=window.event.srcElement; if(obj!=undefined) { if(document.readyState!="loading") { setTimeout("displayWaiting()",300); } } } document.onreadystatechange=function() { if(document.body!=null) { _state=document.readyState; if(_state=="complete") { HideDiv(); HideFrame(); } } } 使用说明: 将该JS添加到HTML页面中的Body标签后即可。注意页面命名中不能出现JS中的ID号。

如对本文有疑问,请提交到交流论坛,广大热心网友会为你解答!! 点击进入论坛

发表评论 (81人查看0条评论)
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
昵称:
最新评论
------分隔线----------------------------
大家感兴趣的内容
最近更新的内容

快速入口

· 365软件
· 建站公司
· 杰创官网
· 建站工具

业务咨询

· 技术支持
· 服务时间:9:00-18:00
365建站网二维码

Powered by 365建站网 RSS地图 HTML地图

copyright © 2013-2022 版权所有 鄂ICP备17013400号-1