집 > 기사 > 웹 프론트엔드 > JS는 진행률 표시줄을 사용하여 페이지 점프 특수 효과를 구현합니다.

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

高洛峰원래의: 2016-12-16 16:48:112131검색

진행률 표시줄이 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 중국어 웹사이트에 주목하세요!

성명：

이전 기사：js 진행률 표시줄 예제 코드다음 기사：js 진행률 표시줄 예제 코드

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

관련 기사