顯示百分比的網(wǎng)頁Loading進度條

2024-09-05 12:17:34

字體：大中小

來源：轉載

供稿：網(wǎng)友

一個網(wǎng)頁載入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.survivalescaperooms.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>

上一篇：根據(jù)分辨率自動進入不同頁面

下一篇：IE標題欄和狀態(tài)欄的打字效果