进度条脚本

<html>
    <head>
        <title>进度条</title>
        <meta http-equiv="pragma" content="no-cache">
        <meta http-equiv="cache-control" content="no-cache">
        <meta http-equiv="expires" content="0">
        <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
        <meta http-equiv="description" content="This is my page">

        <script type="text/javascript" language="JavaScript">
            
            //: 判断网页是否加载完成
            document.onreadystatechange = function () { 
                if(document.readyState=="complete") {         
                    //document.getElementById('divprogressbar').style.display='none'; 
                }
            } 
            
        </script>
    </head>

    <body>
        <div id="divprogressbar" style="position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; background-color: #ffffff; filter: alpha ( opacity = 100 ); z-index: 50000">
            <div style="text-align: center; padding-top: 200px">
                <table align="center" border="1" width="37%" cellspacing="0" cellpadding="4" style="border-collapse: collapse" bgcolor="#FFFFEC" height="87">
                    <tr>
                        <td style="font-size: 12px; line-height: 200%" align="center">
                            <marquee style="border: 1px solid #FFFFEC" direction="right" width="300" scrollamount="6" scrolldelay="15" bgcolor="#ECF2FF">
                                <table cellspacing="1" cellpadding="0">
                                    <tr height=20>
                                        <td bgcolor=green width=18></td>
                                        <td></td>
                                        <td bgcolor=green width=18></td>
                                        <td></td>
                                        <td bgcolor=green width=18></td>
                                        <td></td>
                                        <td bgcolor=green width=18></td>
                                        <td></td>
                                    </tr>
                                </table>
                            </marquee>
                        </td>
                    </tr>
                </table>
            </div>
        </div>
        <!--  
        <div id="divprogressbar" style="display: block; position: absolute;"
            align="center">
            <table border="1" width="37%" cellspacing="0" cellpadding="4"
                style="border-collapse: collapse" bgcolor="#FFFFEC" height="87">
                <tr>
                    <td bgcolor="#3399FF" style="font-size: 12px; color: #ffffff"
                        height=24>
                        友情提示...
                    </td>
                </tr>
                <tr>
                    <td style="font-size: 12px; line-height: 200%" align=center>
                        页面加载中.请耐心等待...
                        <marquee style="border: 1px solid #000000" direction="right"
                            width="300" scrollamount="5" scrolldelay="10" bgcolor="#ECF2FF">
                            <table cellspacing="1" cellpadding="0">
                                <tr height=8>
                                    <td bgcolor=#3399FF width=8></td>
                                    <td></td>
                                    <td bgcolor=#3399FF width=8></td>
                                    <td></td>
                                    <td bgcolor=#3399FF width=8></td>
                                    <td></td>
                                    <td bgcolor=#3399FF width=8></td>
                                    <td></td>
                                </tr>
                            </table>
                        </marquee>
                    </td>
                </tr>
            </table>
        </div>
        -->
    </body>
</html>

 

posted @ 2014-01-11 23:10  horizon~~~  阅读(255)  评论(0编辑  收藏  举报