经典的网页loading进度条代码

2020-01-27 13:48:05

字体：大中小

来源：转载

供稿：网友

一款非常经典，也是见得比较多的网页Loading进度条特效代码，直接复制到你的网页中就生效了。

<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)" topmargin=180 bgcolor=#CCCCCC><center> <p align=center style="font-szie:9pt; line-height: 100%">正在加载请稍侯……</p><span id=sb style="width: 500px"><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: #9999ff"></div><div style="font-size: 12px; width: 100%; color: #ff3333; font-family: arial; text-align: center"></DIV></span> </center> </body> </html>

上一篇：仿Windows开机启动彩条效果的Loading特效

下一篇：iframe 高度自适应方法