简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首頁 > web前端 > js教程 > 主體

JS 實現有進度條的頁面跳躍特效

高洛峰
發布： 2016-12-16 16:48:11
原創
2132 人瀏覽過

當進度條到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进度条
來源：php.cn
上一篇：js進度條範例程式碼 下一篇：JS實作頁面載入時帶loading進度條
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
在多個路由中聲明的workerpool是否仍然可以保持其cpu使用率而不關心閾值 我希望找到一個帶有workerpool的node.js系統來處理CPU密集型任務，但是對於多條路由中的cpu使用情況，我有點困惑。一個場景是這樣的：route1.js:constw...
來自於 2024-04-06 19:54:23
0
1
444
VueJS 調度函數的執行順序導致問題 我正在嘗試在頁面上顯示公告清單（從API檢索）。我正在使用Vuex商店，並且有一個名為公告的狀態。我還希望每次用戶刷新/進入頁面時都會更新此列表。所以我使用了生命週期鉤子，特別是M...
來自於 2024-04-06 10:37:58
0
1
385
垂直旋轉的表格標題，居中+底部對齊，跨瀏覽器 我的表格帶有旋轉標題，在Chrome中看起來符合預期，但在Firefox中卻不是。 Chromev108（垂直底部，水平中間）✅Firefoxv107（垂直中間，水平右）❌如何讓它...
來自於 2024-04-04 16:45:25
0
1
330
取得多個表中的資料時，如何在SQL分組中根據表中的條目進行查詢 我有兩張桌子點擊2.ride點擊表id|時間乘車表id|時間戳我想從兩個表中獲取數據GROUPBYEXTRACT(DAYFROMride.timestamp)但只有當我在同一天的兩...
來自於 2024-04-04 08:58:17
0
1
319
使用 apply 中的方法 要找出陣列的最大值，一個簡單的方法是Math.max.apply(null,myArray)但是，假設myArray包含複數，並且每個複數都有一個方法magnitude來計算複數的...
來自於 2024-04-03 21:41:46
0
2
278
相關專題
更多>
熱門推薦
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！