Heim > Web-Frontend > js-Tutorial > Hauptteil

JS implementiert Seitensprungeffekte mit Fortschrittsbalken

高洛峰
Freigeben: 2016-12-16 16:48:11
Original
2133 Leute haben es durchsucht

Öffnen Sie die angegebene Website, wenn der Fortschrittsbalken 100 % erreicht. Dies wird normalerweise für etwa 404-Seiten usw. verwendet.

<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>
Nach dem Login kopieren


Weitere JS-Implementierungen von Seitensprung-Spezialeffekten mit Fortschrittsbalken finden Sie auf der chinesischen PHP-Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage