欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

直接拿來用的頁面跳轉(zhuǎn)進(jìn)度條JS實(shí)現(xiàn)

 更新時間:2016年01月06日 17:22:26   投稿:lijiao  
這篇文章主要為大家分享了一款直接拿來用的頁面跳轉(zhuǎn)進(jìn)度條,由javascript實(shí)現(xiàn),可以直接跳轉(zhuǎn)到相應(yīng)頁面,具有一定的參考價值,感興趣的小伙伴們可以參考一下

本文實(shí)例介紹了基于javascript實(shí)現(xiàn)的頁面跳轉(zhuǎn)進(jìn)度條,分享給大家供大家參考,具體內(nèi)容如下

效果圖:

具體代碼:

<HTML>
<HEAD>
<TITLE>open代碼</TITLE>
<SCRIPT type=text/javascript>
<!--
var ie5 = (document.all && document.getElementsByTagName);
var step = 0;
function setSB(v, el, inforEl, message) {
if (ie5 || document.readyState == "complete") {
filterEl = el.children[0];
valueEl = el.children[1];
if (filterEl.style.pixelWidth > 0) {
var filterBackup = filterEl.style.filter;
filterEl.style.filter = "";
filterEl.style.filter = filterBackup;
}
filterEl.style.width = v + "%";
valueEl.innerText = v + "%";
inforEl.innerText = message;
}
}
function setSBByStep(v, el, inforEl, message) {
if (ie5 || document.readyState == "complete") {
step = step + v;
filterEl = el.children[0];
valueEl = el.children[1];
if (filterEl.style.pixelWidth > 0) {
var filterBackup = filterEl.style.filter;
filterEl.style.filter = "";
filterEl.style.filter = filterBackup;
}
filterEl.style.width = step + "%";
valueEl.innerText = step + "%"
inforEl.innerText = message;
}
}
function fakeProgress(v, el) {
if (v >= 101)
location.href="http://www.dbjr.com.cn";
else {
setSB(v, el, infor, "頁面正在跳轉(zhuǎn)中,請稍候...");
window.setTimeout("fakeProgress(" + (v + 1) + ", document.all['" + el.id + "'])", 10);
}
}
//-->
</SCRIPT>
<SCRIPT language=javaScript>
</SCRIPT>
</HEAD>
<BODY bgColor=#f9f9f9 topMargin=100 onload=fakeProgress(0,sb)>
<P> </P>
<P> </P>
<P> </P>
<!-- Status Bar Starts -->
<DIV align=center>
<DIV id=sb
style="BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; BACKGROUND: #99ccff; BORDER-LEFT: medium none; WIDTH: 400px; BORDER-BOTTOM: #cccccc 1px solid; HEIGHT: 14px; TEXT-ALIGN: left">
<DIV id=sbChild1
style="FILTER: Alpha(Opacity=0, FinishOpacity=80, Style=1, StartX=0, StartY=0, FinishX=100, FinishY=0); OVERFLOW: hidden; WIDTH: 100%; POSITION: absolute; HEIGHT: 12px">
<DIV style="BACKGROUND: #000000; WIDTH: 100%" ;height:12px; overflow:
hidden></DIV>
</DIV>
<DIV
style="FONT-SIZE: 10px; WIDTH: 400px; COLOR: white; FONT-FAMILY: arial; POSITION: absolute; HEIGHT: 14px; TEXT-ALIGN: center"></DIV>
</DIV>
<!-- Status Bar Ends -->
<P></P>
<DIV id=infor
style="FONT-SIZE: 11px; WIDTH: 100%; COLOR: #999999; FONT-FAMILY: arial; POSITION: relative; HEIGHT: 14px; TEXT-ALIGN: center"></DIV>
</DIV>
</BODY>
</HTML>

代碼二,也很不錯,運(yùn)行效果圖如下

代碼分享:

<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.dbjr.com.cn/";
  else   {
   setSB(v, el);
   window.setTimeout("fakeProgress(" + (++v) + ", document.all['" + el.id + "'])", 20);
  }
 }
</SCRIPT>
</head>

<body onload="fakeProgress(0, sb)" topmargin=180 bgcolor=#CCCCCC>
<center>
<p align=center style="font-szie:9pt; line-height: 100%">正在進(jìn)入腳本之家,請稍侯……</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>

代碼直接復(fù)制粘貼即可運(yùn)行,大家可以試驗(yàn)一下。

以上就是為大家分享的JS實(shí)現(xiàn)頁面跳轉(zhuǎn)進(jìn)度條的完整代碼,希望對大家的學(xué)習(xí)有所幫助。

相關(guān)文章

  • html+js實(shí)現(xiàn)簡單的計(jì)算器代碼(加減乘除)

    html+js實(shí)現(xiàn)簡單的計(jì)算器代碼(加減乘除)

    下面小編就為大家?guī)硪黄猦tml+js實(shí)現(xiàn)簡單的計(jì)算器代碼(加減乘除)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-07-07
  • js實(shí)現(xiàn)簡單div拖拽功能實(shí)例

    js實(shí)現(xiàn)簡單div拖拽功能實(shí)例

    這篇文章主要介紹了js實(shí)現(xiàn)簡單div拖拽功能的方法,實(shí)例分析了javascript針對div層拖拽的實(shí)現(xiàn)技巧,需要的朋友可以參考下
    2015-05-05
  • HTML Color Picker(js拾色器效果)

    HTML Color Picker(js拾色器效果)

    這篇文章主要是用js實(shí)現(xiàn)拾色器效果,來自國外的網(wǎng)站,喜歡的朋友可以參考下
    2013-08-08
  • 多個js毫秒倒計(jì)時同時進(jìn)行效果

    多個js毫秒倒計(jì)時同時進(jìn)行效果

    這篇文章主要以實(shí)例的方式講解多個js毫秒倒計(jì)時同時進(jìn)行效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2016-01-01
  • JS簡單實(shí)現(xiàn)獲取元素的封裝操作示例

    JS簡單實(shí)現(xiàn)獲取元素的封裝操作示例

    這篇文章主要介紹了JS簡單實(shí)現(xiàn)獲取元素的封裝操作,結(jié)合實(shí)例形式分析了JS針對頁面ID、class、TAG元素獲取的函數(shù)與對象封裝操作實(shí)現(xiàn)方法,需要的朋友可以參考下
    2017-04-04
  • JS中 new Date() 各方法的用法說明

    JS中 new Date() 各方法的用法說明

    這篇文章主要介紹了JS中 new Date() 各方法的用法,本文通過示例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2022-12-12
  • 微信小程序開發(fā)之map地圖組件定位并手動修改位置偏差

    微信小程序開發(fā)之map地圖組件定位并手動修改位置偏差

    這篇文章主要介紹了微信小程序開發(fā)之map地圖組件,定位,并手動修改位置偏差,本文給大家介紹的非常詳細(xì),具有一定的參考借鑒價值,需要的朋友可以參考下
    2019-08-08
  • Bootstrap 響應(yīng)式實(shí)用工具實(shí)例詳解

    Bootstrap 響應(yīng)式實(shí)用工具實(shí)例詳解

    Bootstrap 提供了一些輔助類,以便更快地實(shí)現(xiàn)對移動設(shè)備友好的開發(fā)。這些可以通過媒體查詢結(jié)合大型、小型和中型設(shè)備,實(shí)現(xiàn)內(nèi)容對設(shè)備的顯示和隱藏。下面通過本文給大家分享Bootstrap 響應(yīng)式實(shí)用工具,一起看看吧
    2017-03-03
  • 微信小程序頁面間值傳遞的兩種方法

    微信小程序頁面間值傳遞的兩種方法

    這篇文章主要介紹了微信小程序-頁面間值傳遞的2種方法,每種方法通過實(shí)例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價值,需要的朋友可以參考下
    2018-11-11
  • JS Tween 顏色漸變

    JS Tween 顏色漸變

    從我寫的as tween改寫的,基本功能跟as里面寫的一樣,只是沒有擴(kuò)展特定功能的接口(比如alpha2,move2,size2,color2等接口,這些在as tween里面都有實(shí)現(xiàn))。
    2008-12-12

最新評論