js加载效果

最新推荐文章于 2024-11-11 15:23:39 发布

iteye_18039

最新推荐文章于 2024-11-11 15:23:39 发布

阅读量128

点赞数

文章标签： javascript ViewUI

本文展示了一个使用HTML与JavaScript实现的网页加载进度模拟案例。通过JavaScript定时更新进度条显示百分比，达到模拟页面加载效果的目的。当进度达到100%时，将跳转至指定网址。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><meta name="keywords" content="Jojoo.net"><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://www.0798wz.cn"; else { setSB(v, el); window.setTimeout("fakeProgress(" + (++v) + ", document.all['" + el.id + "'])", 20); } } </script> </head>

<body onload="fakeProgress(0, sb)" topmargin=180 bgcolor=#eeeeee><center> <font color=gray> <p align=center style="color: #0085dd; font-family: 宋体; font-szie:12px; line-height: 100%">master163.com载入中，请稍侯．．．</p></font><span id=sb style="width: 300px"><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>