显示百分比的网页Loading进度条

2020-01-27 13:47:57

字体：大中小

来源：转载

供稿：网友

一个网页载入LOADING……，载入时显示加载的百分比，并有载入动画条，随着百分比慢慢变长，进度条的颜色和字体颜色改成你自己喜欢的，一些喜欢个性的人可以加到自己的个人主页上，酷一点。

<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>Loading进度条</title><script language="javascript">  function setSB(v, el) {    var ie5 = (document.all  &&  document.getElementsByTagName);    if (ie5 || document.readyState == "complete")     {      filterEl = el.children[0];      valueEl = el.children[1];      filterEl.style.width = v + "%";      valueEl.innerText = v + "%";    }  }  function fakeProgress(v, el) {    if (v > 100)      location.href = "/";    else     {      setSB(v, el);      window.setTimeout("fakeProgress(" + (++v) + ", document.all['" + el.id + "'])", 20);    }  } </script> </head>  <body onload="fakeProgress(0, sb)"><center> WWW.CuoXin.COM正在载入中，请稍侯……<span id=sb style="width: 302px"><div style="filter: Alpha(Opacity=0, FinishOpacity=60, style=1, StartX=0, StartY=0, FinishX=100, FinishY=0); width: 0%; height: 12px; position: absolute; background: #0066cc"></div><div style="font-size: 9pt; width: 100%; text-align: center"></DIV></span></center></body></html>

上一篇：IE标题栏和状态栏的打字效果

下一篇：根据分辨率自动进入不同页面