页面loading收集

jokke 发表于 2008-7-24 16:59:09

样式一：<BR><BR><html><BR><head><BR><title>正在载入...</title><BR><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><BR></head><BR><body bgcolor="#FFFFFF" leftmargin="0" topmargin="0"><BR><table border=0 cellpadding=0 cellspacing=0 width="100%" height="100%"><BR><tr> <BR><form name=loading><BR><td align=center> <BR><p><font color=gray>正在载入首页，请稍候.......</font></p><BR><p> <BR><input type=text name=chart size=46 style="font-family:Arial; <BR>font-weight:bolder; color:gray;<BR>background-color:white; padding:0px; border-style:none;"><BR><br><BR><input type=text name=percent size=46 style="font-family:Arial; <BR>color:gray; text-align:center; <BR>border-width:medium; border-style:none;"><BR><script>var bar = 0 <BR>var line = "||" <BR>var amount ="||" <BR>count() <BR>function count(){ <BR>bar= bar+2 <BR>amount =amount + line <BR>document.loading.chart.value=amount <BR>document.loading.percent.value=bar+"%" <BR>if (bar<99) <BR>{setTimeout("count()",100);} <BR>else <BR>{window.location = "<A title=http://www.cnbruce.com/ href="http://www.93you.com/" target=_blank><FONT color=#0000ff>http://www.93you.com/</FONT></A>";} <BR>}<BR></script><BR></p><BR></td><BR></form><BR></tr><BR></table><BR></body><BR></html><BR><BR>样式二：<BR><BR><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><BR><html><BR><head><BR><title>CN-Bruce</title><BR><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><BR></head><BR><BR><body><BR><style type="text/css"><BR>#divLoadCont{position:absolute; z-index:500; left:0; top:0; width:100%; height:98%; clip:rect(0,100%,100%,0); background-color:transparent; layer-background-color:white; }<BR>#divLoad1{position:absolute; layer-background-color:silver; background-color:silver}<BR>#divLoad2{position:absolute; left:0; top:0; layer-background-color:navy; background-color:navy}<BR>#divLoadText{position:absolute; background-color:transparent; font-family:arial,helvetica; color:Navy; font-size:14px; } <BR></style><BR><script language="JavaScript" type="text/javascript"><BR>function lib_bwcheck(){ //Browsercheck (needed)<BR>this.ver=navigator.appVersion<BR>this.agent=navigator.userAgent<BR>this.dom=document.getElementById?1:0<BR>this.opera5=this.agent.indexOf("Opera 5")>-1<BR>this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom && !this.opera5)?1:0; <BR>this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom && !this.opera5)?1:0;<BR>this.ie4=(document.all && !this.dom && !this.opera5)?1:0;<BR>this.ie=this.ie4||this.ie5||this.ie6<BR>this.mac=this.agent.indexOf("Mac")>-1<BR>this.ns6=(this.dom && parseInt(this.ver) >= 5) ?1:0; <BR>this.ns4=(document.layers && !this.dom)?1:0;<BR>this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.opera5)<BR>return this<BR>}<BR>var bw=new lib_bwcheck()<BR>numImages=10 //速度<BR>loaderWidth=300 //进度条长度<BR><BR>currentImg=0<BR>function lib_doc_size(){ <BR>this.x=0;this.x2=bw.ie && document.body.offsetWidth-20||innerWidth||0;<BR>this.y=0;this.y2=bw.ie && document.body.offsetHeight-5||innerHeight||0;<BR>if(!this.x2||!this.y2) return message('Document has no width or height') <BR>this.x50=this.x2/2;this.y50=this.y2/2;<BR>return this;<BR>}<BR>function lib_obj(obj,nest){ <BR>nest=(!nest) ? "":'document.'+nest+'.'<BR>this.evnt=bw.dom? document.getElementById(obj):bw.ie4?document.all:bw.ns4?eval(nest+"document.layers." +obj):0; <BR>this.css=bw.dom||bw.ie4?this.evnt.style:this.evnt; <BR>this.ref=this.css<BR>this.w=this.evnt.offsetWidth||this.css.clip.width||<BR>this.ref.width||this.css.pixelWidth||0; <BR>return this<BR>}<BR>lib_obj.prototype.moveIt = function(x,y){<BR>this.x=x;this.y=y; this.css.left=x;this.css.top=y<BR>}<BR>lib_obj.prototype.clipTo = function(t,r,b,l,setwidth){ <BR>this.ct=t; this.cr=r; this.cb=b; this.cl=l<BR>if(bw.ns4){<BR>this.css.clip.top=t;this.css.clip.right=r<BR>this.css.clip.bottom=b;this.css.clip.left=l<BR>}else{<BR>if(t<0)t=0;if(r<0)r=0;if(b<0)b=0;if(b<0)b=0<BR>this.css.clip="rect("+t+","+r+","+b+","+l+")";<BR>if(setwidth){this.css.pixelWidth=this.css.width=r; <BR>this.css.pixelHeight=this.css.height=b}<BR>}<BR>}<BR>var oLoad2<BR>function startLoading(){<BR>page=new lib_doc_size()<BR>oLoadCont=new lib_obj('divLoadCont')<BR>oLoad=new lib_obj('divLoad1','divLoadCont')<BR>oLoad2=new lib_obj('divLoad2','divLoadCont.document.divLoad1')<BR>oLoadText=new lib_obj('divLoadText','divLoadCont.document.divLoad1')<BR>oLoad.moveIt(page.x50-loaderWidth/2,page.y50-20)<BR>oLoadText.moveIt(loaderWidth/2 - oLoadText.w/2,10)<BR>oLoad.clipTo(0,loaderWidth,40,0,1)<BR>oLoad2.per = loaderWidth/numImages<BR>}<BR>function loadIt(ok){<BR>currentImg++<BR>if(oLoad2) oLoad2.clipTo(0,oLoad2.per*currentImg,40,0,1)<BR>if(!ok){<BR>oLoadCont.css.visibility='hidden'<BR>oLoadCont=null; oLoad1=null; oLoad2=null;<BR>}<BR>}<BR>function loadIt_display(ok){<BR>currentImg++<BR>if(oLoad2) oLoad2.clipTo(0,oLoad2.per*currentImg,40,0,1)<BR>if(currentImg<=numImages) setTimeout("loadIt_display(1)",200)<BR>else{<BR>oLoadCont.css.visibility='hidden'<BR>window.location="<A title=http://www.cnbruce.com/ href="http://www.93you.com/" target=_blank><FONT color=#0000ff>http://www.93you.com/</FONT></A>"<BR>}<BR>}<BR></script><BR><div id="divLoadCont"><BR><div id="divLoad1"><BR><div id="divLoad2"></div><br><BR><div id="divLoadText">Loading...</div><BR></div><BR></div><BR><script><BR>startLoading()<BR>//onload=loadIt; //- LEAVE THIS LINE WHILE TESTING. UNCOMMENT WHEN READY<BR>loadIt_display(1) //LEAVE THIS LINE WHILE TESTING. Delete WHEN READY<BR></script><BR></body><BR></html><BR><BR>样式三：<BR><BR><script language="JavaScript"> <BR> <BR></script> <BR><title>网站数据加载中……</title> <BR><BR></head> <BR><BR><body onLoad="location.href = url"> <BR><BR><div style='margin-top:40;margin-left:40;margin-right:0'> <BR><p> </p> <BR><p align="center"> </p> <BR><p align="center"> </p> <BR><p align="center"> <BR><style></style> <BR></p> <BR><div style='margin-top:-20;margin-left:0;margin-right:0' align="center"> <BR><form method=post name=proccess> <BR><script language=javascript> <BR>document.write("<br><br><br><br><table border=0 cellspacing=1 cellpadding=0 bgcolor=#000000 ><tr bgcolor=#ffffff><td style='font:9pt Verdana;'>")<BR>for(i=0;i<200;i++)document.write("<input class=proccess >") <BR>document.write("</td></tr></table><br>")<BR>document.write("<div align=center style='font-size:9pt;color:#660000;'>Loading……,Please Wait!</div>")<BR></script> <BR><BR></form> <BR></div> <BR><div align="center"> <BR><script language=JavaScript></script> <BR></div> <BR></div> <BR><div align="center"> <BR><script> <BR> <BR></script> <BR></div> <BR></body><BR><BR>样式四：<BR><BR><SCRIPT>cnease=window.open("","etangWHSAD","top=2000");cnease.close();<BR>focus()<BR>self.resizeTo(800,600)<BR>self.moveTo(-3,-3)</SCRIPT><BR><html><BR><head><BR><title>LemongTree.Net</title><BR><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><BR><style type="text/css"><BR>td,form,select,input,textarea,body {font-family: 宋体;font-color:#000000;font-size: 12px;line-height:150%;letter-spacing:2px}<BR>a:link { font-size: 9pt; text-decoration: none; color: #666666}<BR>a:visited { font-size:9pt; text-decoration: none; color: #666666}<BR>a:hover { text-decoration: none; font-size: 9pt; color: #666666}<BR>a:active { font-size: 9px; text-decoration: none; color: #666666}<BR></style><BR><script><BR>var url='<A title=http://www.cnbruce.com/&#39;; href="http://www.93you.com/&#39;;" target=_blank><FONT color=#0000ff>http://www.93you.com/&#39;;</FONT></A><BR></script><BR></head><BR><body onLoad="location.href=url;" style='overflow:hidden;overflow-y:hidden'><BR><div align=center><BR><table height=70% valign=middle align=center><BR><tr><BR><td align="center" disabled><BR><BR><div align="center">正在进入</div><BR><p></p><BR><font class=fontbig>页面读取中，请等待......<br><BR></font><BR><p></p><p></p><BR><style></style><BR><p></p><p></p><BR><div align="center"><BR><form method=post name=proccess><BR><script language=javascript><BR>for(i=0;i<30;i++)document.write("<input class=proccess>")<BR></script><BR></form><BR></div></td></tr></table><BR><div align="center"><BR><script language=JavaScript>var p=0,j=0;<BR>var c=new Array("lightskyblue","white")<BR>setInterval('proccess();',100)<BR>function proccess(){<BR>document.forms.proccess.elements.style.background=c;<BR>p+=1;<BR>if(p==30){p=0;j=1-j;}}<BR>--></script><BR></div><BR></div><BR><div align="center"><BR><script><BR><BR></script><BR></div><BR><BR>样式五：<BR><BR><body><BR><div id=process>LOADING</div><BR><script><BR>var num=0;<BR>function mypro()<BR>{<BR>num++;<BR>myarray=new Array('#494949','#646464','#747474','#888888','#969696','#A8A8A8','#B6B6B6','#C6C6C6','#D7D7D7','#E1E1E1','#F0F0F0','#F9F9F9')<BR>process.style.color=myarray<BR>process.innerText=process.innerText+'>>';<BR>if(num<12) {setTimeout("mypro()",1000);}<BR>else {window.open("<A title=http://www.cnbruce.com href="http://www.93you.com" target=_blank><FONT color=#0000ff>http://www.93you.com</FONT></A>","new");}<BR>}<BR>mypro();<BR></script><BR><BR><A title=http://www.blueidea.com/bbs/newsdetail.asp?id=1724872&posts=current href="http://www.blueidea.com/bbs/newsdetail.asp?id=1724872&posts=current" target=_blank><FONT color=#0000ff>全文演示见这里</FONT></A>

﹟#．丑闻﹣ 发表于 2008-7-25 15:30:56

唉咱这编码水平根本看不懂..

yang 发表于 2008-7-31 09:27:02

不知道为什么有好多人喜欢将table里面又加div，这有什么用吗？

kun404796045 发表于 2009-12-27 18:01:21

3# yang

加上div之后就可以设置排版内容置顶了

页: [1]

就想游城市's Archiver

页面loading收集