隨筆 - 154  文章 - 60  trackbacks - 0
          <2014年11月>
          2627282930311
          2345678
          9101112131415
          16171819202122
          23242526272829
          30123456

          聲明:

          該blog是為了收集資料,認(rèn)識朋友,學(xué)習(xí)、提高技術(shù),所以本blog的內(nèi)容除非聲明,否則一律為轉(zhuǎn)載!!

          感謝那些公開自己技術(shù)成果的高人們!!!

          支持開源,尊重他人的勞動!!

          常用鏈接

          留言簿(3)

          隨筆分類(148)

          隨筆檔案(143)

          收藏夾(2)

          其他

          學(xué)習(xí)(技術(shù))

          觀察思考(非技術(shù))

          搜索

          •  

          最新評論

          閱讀排行榜

          評論排行榜

          在“中國軟件測試聯(lián)盟”偶然看到的覺得挺好就抽出來訪在這兒也許用得著!!

          有研究動態(tài)的可以參考,做出來別忘了給兄弟一份!!期待……

           1<HTML>
           2<HEAD>
           3<SCRIPT type=text/javascript>
           4var ie5 = (document.all && document.getElementsByTagName);
           5var step = 0;
           6
           7function setSB(v, el, inforEl, message) {
           8    if (ie5 || document.readyState == "complete"{
           9        filterEl = el.children[0];
          10        valueEl = el.children[1];
          11        if (filterEl.style.pixelWidth > 0{
          12            var filterBackup = filterEl.style.filter;
          13            filterEl.style.filter = "";
          14            filterEl.style.filter = filterBackup;
          15        }

          16
          17        filterEl.style.width = v + "%";
          18        valueEl.innerText = v + "%";
          19        inforEl.innerText = message;
          20    }

          21}

          22
          23
          24function setSBByStep(v, el, inforEl, message) {
          25    if (ie5 || document.readyState == "complete"{
          26        step = step + v;
          27        filterEl = el.children[0];
          28        valueEl = el.children[1];
          29
          30        if (filterEl.style.pixelWidth > 0{
          31            var filterBackup = filterEl.style.filter;
          32            filterEl.style.filter = "";
          33            filterEl.style.filter = filterBackup;
          34        }

          35
          36        filterEl.style.width = step + "%";
          37        valueEl.innerText = step + "%"
          38        inforEl.innerText = message;
          39    }

          40}

          41
          42function fakeProgress(v, el) {
          43    if (v >= 101)
          44        location.href="#";//跳轉(zhuǎn)路徑
          45    else {
          46        setSB(v, el, infor, " 頁面正在加載中……");
          47        window.setTimeout("fakeProgress(" + (v + 1+ ", document.all['" + el.id + "'])"100);
          48    }

          49}

          50
          51</SCRIPT>
          52
          53</HEAD>
          54<BODY onload=fakeProgress(0,sb)>
          55<!-- 
          56sb          底色
          57sbChild1    黑色
          58infor       信息
          59-->
          60<DIV align=center>
          61    <CENTER>
          62        <DIV align=center>
          63            <DIV id=sb style="BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; BACKGROUND: #aaccff; WIDTH: 400px; BORDER-BOTTOM: #cccccc 1px solid; HEIGHT: 14px; TEXT-ALIGN: left">
          64                <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">
          65                    <DIV style="BACKGROUND: #000000; WIDTH: 100%" height:12px; overflow: hidden>
          66                    </DIV>
          67                </DIV>
          68                <DIV style="FONT-SIZE: 10px; WIDTH: 400px; COLOR: white; FONT-FAMILY: arial; POSITION: absolute; HEIGHT: 14px; TEXT-ALIGN: center">
          69                </DIV>
          70            </DIV>
          71            <P></P><!-- 間距 -->
          72            <DIV id=infor style="FONT-SIZE: 11px; WIDTH: 100%; COLOR: #999999; FONT-FAMILY: arial; POSITION: relative; HEIGHT: 14px; TEXT-ALIGN: center">
          73            </DIV>
          74        </DIV>
          75    </CENTER>
          76</DIV> 
          77</BODY>
          78</HTML>
          posted on 2007-10-19 09:19 lk 閱讀(4302) 評論(1)  編輯  收藏 所屬分類: ajax&js

          FeedBack:
          # re: 頁面加載進度條(js)[未登錄] 2014-11-10 18:16 1
          主站蜘蛛池模板: 上犹县| 项城市| 巴东县| 锡林浩特市| 黑山县| 出国| 泗洪县| 洛南县| 中江县| 乐亭县| 铁岭市| 万荣县| 浮山县| 平陆县| 略阳县| 大名县| 广元市| 泰顺县| 西吉县| 双江| 元江| 青川县| 阿城市| 满洲里市| 固原市| 长乐市| 广平县| 聊城市| 高台县| 宿松县| 通城县| 英吉沙县| 神池县| 德惠市| 徐州市| 松阳县| 北碚区| 浏阳市| 高唐县| 黑山县| 娱乐|