0顶

页面loading收集

稿源：互联网 2022-08-16 15:03:03 点击： 1128 撤稿纠错

三种页面loading效果，您喜欢哪种呢？

以下讨论的是和loading 特效相关的页面loading收集教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

<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 = "http://www.cnbruce.com/";} <br>}<br></script><br></p><br></td><br></form><br></tr><br></table><br></body><br></html></font><br><a href="http://js.alixixi.com/">欢迎访问阿里西西网页特效代码站，js.alixixi.com</a>[/html]</P>
<P><font face=Verdana>以下是HTML网页特效代码，点击运行按钮可查看效果：[html]<!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><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>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[obj]: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="http://www.cnbruce.com/"<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></font></P>

<P><br><a href="http://js.alixixi.com/">欢迎访问阿里西西网页特效代码站，js.alixixi.com</a>[/html]</P>
<P><font face=Verdana>以下是HTML网页特效代码，点击运行按钮可查看效果：[html]<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[num-1]<br>process.innerText=process.innerText+'>>';<br>if(num<12) {setTimeout("mypro()",1000);}<br>else {window.open("http://www.cnbruce.com","new");}<br>}<br>mypro();<br></script></font></P>
<P><br><a href="http://js.alixixi.com/">欢迎访问阿里西西网页特效代码站，js.alixixi.com</a>[/html]</P>
<P><font face=Verdana>以下是HTML网页特效代码，点击运行按钮可查看效果：[html]<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='http://www.cnbruce.com/';<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[p].style.background=c[j];<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></font></P>
<P><br><a href="http://js.alixixi.com/">欢迎访问阿里西西网页特效代码站，js.alixixi.com</a>[/html]</P>
<P><font face=Verdana>以下是HTML网页特效代码，点击运行按钮可查看效果：[html]<script language="JavaScript"> <br> <br></script> <br><title>网站数据加载中……</title> <br></head> <br><body onLoad="location.href = url"> <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>    </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></font></P>
<br><a href="http://js.alixixi.com/">欢迎访问阿里西西网页特效代码站，js.alixixi.com</a>

关于页面loading收集的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/2009010396477.shtml方便下次再访问哦。

·上一篇： 简单的tab效果
·下一篇： 利用self.resizeTo控制网页窗口大小

文章分类LIST >>返回首页

排行总榜

避免你的邮箱地址被自动收集的代码
有趣的按钮
控制用按钮打开新窗口的属性
单击按钮或图片打开IE首页
点击按钮打印该页
仿软件浮动按钮
在规定时间内方有效的按钮
一个按钮完成对文本框内容的复制
按钮选中文本框内所有内容
Windows式样的按钮

页面loading收集

文章分类LIST >>返回首页

最新游戏

最新新闻