JS는 진행률 표시줄을 사용하여 페이지 점프 특수 효과를 구현합니다.-JS 튜토리얼-php.cn

JS는 진행률 표시줄을 사용하여 페이지 점프 특수 효과를 구현합니다.

高洛峰

풀어 주다： 2016-12-16 16:48:11

원래의

2108명이 탐색했습니다.

진행률 표시줄이 100%에 도달하면 지정된 웹사이트를 엽니다. 일반적으로 약 404페이지 등에 사용됩니다.

<html><head><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.newxing.com/";    else     {
      setSB(v, el);      window.setTimeout("fakeProgress(" + (++v) + ", document.all[&#39;" + el.id + "&#39;])", 20);
    }
  }</SCRIPT></head><body onload="fakeProgress(0, sb)" topmargin=180 bgcolor=#CCCCCC><center><p align=center style="font-szie:9pt; line-height: 100%">正在进入新兴网络，请稍侯……</p><span id=sb style="width: 500px"><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>

로그인 후 복사

진행 표시줄이 포함된 페이지 점프 특수 효과의 JS 구현에 대한 자세한 내용은 PHP 중국어 웹사이트에 주목하세요!