通过js实现页面跳转进度条
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 |
<HTML> <HEAD> <TITLE>搞代码gaodaima.com-js实现页面跳转进度条</TITLE> <SCRIPT type=text/javascript> <!-- var ie5 = (document.all && document.getElementsByTagName); var step = 0; function setSB(v, el, inforEl, message) { if (ie5 || document.readyState == "complete") { filterEl = el.children[0]; valueEl = el.children[1]; if (filterEl.style.pixelWidth > 0) { var filterBackup = filterEl.style.filter; filterEl.style.filter = ""; filterEl.style.filter = filterBackup; } filterEl.style.width = v + "%"; valueEl.innerText = v + "%"; inforEl.innerText = message; } } function setSBByStep(v, el, inforEl, message) { if (ie5 || document.readyState == "complete") { step = step + v; filterEl = el.children[0]; valueEl = el.children[1]; if (filterEl.style.pixelWidth > 0) { var filterBackup = filterEl.style.filter; filterEl.style.filter = ""; filterEl.style.filter = filterBackup; } filterEl.style.width = step + "%"; valueEl.innerText = step + "%" inforEl.innerText = message; } } function fakeProgress(v, el) { if (v >= 101) location.href="http://www.gaodaima.com/"; else { setSB(v, el, infor, "页面正在跳转中，请稍候..."); window.setTimeout("fakeProgress(" + (v + 1) + ", document.all['" + el.id + "'])", 10); } } //--> </SCRIPT> <SCRIPT language=javaScript> </SCRIPT> </HEAD> <BODY bgColor=#f9f9f9 topMargin=100 onload=fakeProgress(0,sb)> <P></P> <P></P> <P></P> <!-- Status Bar Starts --> <DIV align=center> <DIV id=sb style="BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; BACKGROUND: #99ccff; BORDER-LEFT: medium none; WIDTH: 400px; BORDER-BOTTOM: #cccccc 1px solid; HEIGHT: 14px; TEXT-ALIGN: left"> <DIV id=sbChild1 style="FILTER: Alpha(Opacity = 0, FinishOpacity = 80, Style = 1, StartX = 0, StartY = 0, FinishX = 100, FinishY = 0); OVERFLOW: hidden; WIDTH: 100%; POSITION: absolute; HEIGHT: 12px"> <DIV style="BACKGROUND: #000000; WIDTH: 100%" ;height:12px; overflow: hidden></DIV> </DIV> <DIV style="FONT-SIZE: 10px; WIDTH: 400px; COLOR: white; FONT-FAMILY: arial; POSITION: absolute; HEIGHT: 14px; TEXT-ALIGN: center"></DIV> </DIV> <!-- Status Bar Ends --> <P></P> <DIV id=infor style="FONT-SIZE: 11px; WIDTH: 100%; COLOR: #999999; FONT-FAMILY: arial; POSITION: relative; HEIGHT: 14px; TEXT-ALIGN: center"></DIV> </DIV> </BODY> </HTML> |
原创文章，转载请注明： 转载自搞代码
本文链接地址: 通过js实现页面跳转进度条
微信 赏一包辣条吧~
支付宝 赏一听可乐吧~
发表评论