| 注册
请输入搜索内容

热门搜索

Java Linux MySQL PHP JavaScript Hibernate jQuery Nginx
xybw
10年前发布

页面跳转进度条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>