JavaScript之Loading进度条

一个loading进度条，定义一个fakeProgress方法，定位一个URL，然后setTimeout设置跳转时间我们就能看到我们要打开的URL网址了。

这个链接我就直接链接到我的新浪博客去了，算是宣传吧～(￣▽￣～)(～￣▽￣)～

为自己打个小广告哈（萌之害羞✿◡‿◡）：欢迎大家来阅读我的新浪文章。爱文艺但不才。

<title>网页loading</title> <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" /> <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 = "http://blog.sina.com.cn/u/5729482504"; else { setSB(v, el); window.setTimeout("fakeProgress(" + (++v) + ", document.all['" + el.id + "'])", 20); } } </script> </head> <body onload="fakeProgress(0, sb)" topmargin=180 bgcolor=#000000> <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: #00cccc"></div> <div style="font-size: 12px; width: 100%; color: #FFFFFF; font-family: arial; text-align: center"></DIV> </span> </center> </body> </html>

JavaScript之Loading进度条

推荐阅读