87,996
社区成员
发帖
与我相关
我的任务
分享请发表友善的回复…
发表回复
zz315 2002-09-20
- 打赏
- 举报
<body onload="loading.style.visibility='hidden'">
网页内容
<div id=loading style="position:ablolute;top:0px;left:0px;background-color:#FFFFFF;width:100%;height:100%">Loading...</div>
网页内容
<div id=loading style="position:ablolute;top:0px;left:0px;background-color:#FFFFFF;width:100%;height:100%">Loading...</div>
lovejsp 2002-09-20
- 打赏
- 举报
想做个LOADING条，在页面LOAD完成之后，
就进入此页面，谢谢。
能不能写完整一点呢。 ：）
就进入此页面，谢谢。
能不能写完整一点呢。 ：）
希默软件 2002-09-20
- 打赏
- 举报
onload
希默软件 2002-09-20
- 打赏
- 举报
onload
希默软件 2002-09-20
- 打赏
- 举报
if(document.readyState=="complete")
lovejsp 2002-09-20
- 打赏
- 举报
可以检查页面都LOAD完了吗？
yonghengdizhen 2002-09-20
- 打赏
- 举报
没有真正的进度条..
因为网络状况无法预知.
不象本地进程一样能处于可控范围..
所以所有用于互联网的进度条都是不是绝对真实的,唯一可以到达的是反映几个特定的监控点..
因为网络状况无法预知.
不象本地进程一样能处于可控范围..
所以所有用于互联网的进度条都是不是绝对真实的,唯一可以到达的是反映几个特定的监控点..
llrock 2002-09-20
- 打赏
- 举报
一个进度条，这个进度条可以提前把你将要用到的图片（因为一般图片占用了大量资源）提前读到本地，然后重定向到下一页
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!--
function imgGauge(imgArr){ //v3.0
var ready=true;
var bgc='#9999cc'; //进度条被景色
var okc='#888888'; //进度颜色
var fontc='#000000'; //字体颜色
var w=200; //进度条宽度
var h=15; //高度
var yyhide=false;
var yyshowpc=true;
var redirection="mainF.htm";//所有图片预读结束后重定向到指定页
if (document.images)with (document){
if (document.preloadArray==null){//first call the function
document.preloadArray = new Array();
for(i=0;i<imgs.length;++i){
preloadArray[i] = new Image;
preloadArray[i].src =imgs[i];
}
}
if(document.preloadArray){
var howmany=0;
for(var i=0;i<preloadArray.length;++i){
ready = ready && preloadArray[i].complete;
if (preloadArray[i].complete)++howmany;
}
var suc=Math.round(howmany*100/preloadArray.length);
pos=Math.round(howmany/preloadArray.length*w);
htmlcode='<body><table width='+w+' height="'+h+'" bgcolor='+bgc+' border=0 cellpadding=0 cellspacing=0><tr><td bgcolor='+okc+' width='+pos+'></td><td width='+(w-pos)+'></td></tr></table>';
if (yyshowpc)htmlcode+='<center><font size=1 face="sans-serif" color="'+fontc+'">'+suc+'%</font></center>';
htmlcode+='</body>';
document.all['schedule'].innerHTML=htmlcode;
if ((ready)&&(yyhide))setTimeout('document.all[\'schedule\'].style.visibility="hidden"',1000);
if(ready){
if(redirection!='#')document.location=redirection;
}else{
setTimeout('imgGauge()',50);
}
}else{
setTimeout('imgGauge()',1000)
}
}
}
//这是必需的，把你准备预读到本地的图片放到数组中，注意文件名拼写正确
var imgs=['img/bg.gif','img/bgh.gif','img/open_l.gif','img/open_r.gif','img/apple.gif','img/jiaoL.gif','img/jiaoR.gif','img/face_s.gif','img/buttons_over.gif','img/buttons_out.gif','img/scroll_out.gif','img/scroll_over.gif','img/open_l.gif','img/open_r.gif','img/finder.gif','img/mail.gif','img/IE.gif','img/music.gif','img/action.gif','img/appleX_B.gif','img/register.gif','img/ball.gif','img/color.gif','img/close_over.gif','img/close_out.gif','img/page_out.gif','img/page_over_l.gif','img/page_over_r.gif','img/counts.gif'];
//
//-->
</script>
</head>
<body bgcolor="#7270BC" background="back1.jpg" text="#000000" link="#000000" vlink="#000033" alink="#000033" scroll=no onLoad=" imgGauge(imgs);">
<!-- schedule bar -->
<div id="schedule" style="position:absolute; width:200; height:36; z-index:100; left: 328px; top: 55px; overflow: hidden; visibility: visible">
</div>
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!--
function imgGauge(imgArr){ //v3.0
var ready=true;
var bgc='#9999cc'; //进度条被景色
var okc='#888888'; //进度颜色
var fontc='#000000'; //字体颜色
var w=200; //进度条宽度
var h=15; //高度
var yyhide=false;
var yyshowpc=true;
var redirection="mainF.htm";//所有图片预读结束后重定向到指定页
if (document.images)with (document){
if (document.preloadArray==null){//first call the function
document.preloadArray = new Array();
for(i=0;i<imgs.length;++i){
preloadArray[i] = new Image;
preloadArray[i].src =imgs[i];
}
}
if(document.preloadArray){
var howmany=0;
for(var i=0;i<preloadArray.length;++i){
ready = ready && preloadArray[i].complete;
if (preloadArray[i].complete)++howmany;
}
var suc=Math.round(howmany*100/preloadArray.length);
pos=Math.round(howmany/preloadArray.length*w);
htmlcode='<body><table width='+w+' height="'+h+'" bgcolor='+bgc+' border=0 cellpadding=0 cellspacing=0><tr><td bgcolor='+okc+' width='+pos+'></td><td width='+(w-pos)+'></td></tr></table>';
if (yyshowpc)htmlcode+='<center><font size=1 face="sans-serif" color="'+fontc+'">'+suc+'%</font></center>';
htmlcode+='</body>';
document.all['schedule'].innerHTML=htmlcode;
if ((ready)&&(yyhide))setTimeout('document.all[\'schedule\'].style.visibility="hidden"',1000);
if(ready){
if(redirection!='#')document.location=redirection;
}else{
setTimeout('imgGauge()',50);
}
}else{
setTimeout('imgGauge()',1000)
}
}
}
//这是必需的，把你准备预读到本地的图片放到数组中，注意文件名拼写正确
var imgs=['img/bg.gif','img/bgh.gif','img/open_l.gif','img/open_r.gif','img/apple.gif','img/jiaoL.gif','img/jiaoR.gif','img/face_s.gif','img/buttons_over.gif','img/buttons_out.gif','img/scroll_out.gif','img/scroll_over.gif','img/open_l.gif','img/open_r.gif','img/finder.gif','img/mail.gif','img/IE.gif','img/music.gif','img/action.gif','img/appleX_B.gif','img/register.gif','img/ball.gif','img/color.gif','img/close_over.gif','img/close_out.gif','img/page_out.gif','img/page_over_l.gif','img/page_over_r.gif','img/counts.gif'];
//
//-->
</script>
</head>
<body bgcolor="#7270BC" background="back1.jpg" text="#000000" link="#000000" vlink="#000033" alink="#000033" scroll=no onLoad=" imgGauge(imgs);">
<!-- schedule bar -->
<div id="schedule" style="position:absolute; width:200; height:36; z-index:100; left: 328px; top: 55px; overflow: hidden; visibility: visible">
</div>
</body>
</html>
