123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081 |
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
- <script language="JavaScript" type="text/javascript">
- var t_id = setInterval(animate,20);
- var pos=0;
- var dir=2;
- var len=0;
- function animate()
- {
- var elem = document.getElementById('progress');
- if(elem != null) {
- if (pos==0) len += dir;
- if (len>32 || pos>79) pos += dir;
- if (pos>196) len -= dir;
- if (pos>196 && len==0) pos=0;
- elem.style.left = pos;
- elem.style.width = len;
- }
- }
- function remove_loading() {
- this.clearInterval(t_id);
- var targelem = document.getElementById('loader_container');
- targelem.style.display='none';
- targelem.style.visibility='hidden';
- }
- </script>
- <style>
- #loader_container {
- text-align:center;
- position:absolute;
- top:40%;
- width:100%;
- left: 0;
- }
- #loader {
- font-family:Tahoma, Helvetica, sans;
- font-size:11.5px;
- color:#000000;
- background-color:#FFFFFF;
- padding:10px 0 16px 0;
- margin:0 auto;
- display:block;
- width:250px;
- border:1px solid #5a667b;
- text-align:left;
- z-index:2;
- }
- #progress {
- height:5px;
- font-size:1px;
- width:1px;
- position:relative;
- top:1px;
- left:1px;
- background-color:#8894a8;
- }
- #loader_bg {
- background-color:#e4e7eb;
- position:relative;
- top:8px;
- left:8px;
- height:7px;
- width:230px;
- font-size:1px;
- }
- </style>
- </head>
- <body onload="remove_loading();" leftmargin="0" topmargin="0">
- <div id="loader_container">
- <div id="loader">
- <div align="center">正在连接……<br>
- <br>加载中,请稍等候....<br></div>
- <div id="loader_bg"><div id="progress"> </div></div>
- </div>
- </div>
- <script language="javascript" type="text/javascript">
- window.location="#";
- </script>
- </body>
- </html>
|