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

          聲明:

          該blog是為了收集資料,認識朋友,學習、提高技術,所以本blog的內容除非聲明,否則一律為轉載!!

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

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

          常用鏈接

          留言簿(3)

          隨筆分類(148)

          隨筆檔案(143)

          收藏夾(2)

          其他

          學習(技術)

          觀察思考(非技術)

          搜索

          •  

          最新評論

          閱讀排行榜

          評論排行榜

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

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

           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="#";//跳轉路徑
          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
          13  回復  更多評論
            
          主站蜘蛛池模板: 深州市| 汤阴县| 江城| 福贡县| 上高县| 蛟河市| 丽江市| 改则县| 尚志市| 云龙县| 顺义区| 横峰县| 铜鼓县| 运城市| 濮阳县| 建湖县| 宁国市| 镶黄旗| 永平县| 荣成市| 平遥县| 常宁市| 长治县| 安岳县| 固安县| 德昌县| 滦南县| 随州市| 本溪| 黄山市| 广宁县| 平昌县| 巴中市| 望谟县| 堆龙德庆县| 中山市| 蓬莱市| 高密市| 保德县| 泗洪县| 观塘区|