页面跳转进度条JS实现详解编程语言

<HTML> 
<HEAD> 
<TITLE>open代码</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.open-open.com/code/"; 
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>

原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/8672.html

(0)
上一篇 2021年7月18日
下一篇 2021年7月18日

相关推荐

发表回复

登录后才能评论