流动性非常好的等待跳转页面代码

2013-08-17 04:33:46 -0400

此代码仅供参考

代码说明

一个等待跳转页面代码，不是加载loading效果，所以页面跳转时才开始加载页面。

使用方法：更改"http://tzs.wodemo.com"为你要跳转的网址

html代码

<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://tzs.wodemo.com";
    else     {
      setSB(v, el);
      window.setTimeout("fakeProgress(" + (++v) + ", document.all['" + el.id + "'])", 20);
    }
  } 
</script> 
<body onload="fakeProgress(0, sb)">
<p align=center style="color:blue; font-family: 宋体; font-szie:12px; line-height: 100%">准备跳转至tzs小客站，请稍候…</p>
<span id=sb style="width:100%">
<div style="filter: Alpha(Opacity=0, FinishOpacity=60, style=1, StartX=0, StartY=0, FinishX=100, FinishY=0); width:0%; height: 12px; position: relative; background: #333"></div>
<div style="font-size: 12px; width: 100%; color:#ff3333 ; font-family: arial; text-align: center"></DIV>
</span>

代码演示

准备跳转至tzs小客站，请稍候…

【本站仅供参考，版权归原作者所有】

«Newer Older»

Back to home

Subscribe | Register | Login | N