Group2.html 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  1. <html>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
  4. <script language="JavaScript" type="text/javascript">
  5. var t_id = setInterval(animate,20);
  6. var pos=0;
  7. var dir=2;
  8. var len=0;
  9. function animate()
  10. {
  11. var elem = document.getElementById('progress');
  12. if(elem != null) {
  13. if (pos==0) len += dir;
  14. if (len>32 || pos>79) pos += dir;
  15. if (pos>196) len -= dir;
  16. if (pos>196 && len==0) pos=0;
  17. elem.style.left = pos;
  18. elem.style.width = len;
  19. }
  20. }
  21. function remove_loading() {
  22. this.clearInterval(t_id);
  23. var targelem = document.getElementById('loader_container');
  24. targelem.style.display='none';
  25. targelem.style.visibility='hidden';
  26. }
  27. </script>
  28. <style>
  29. #loader_container {
  30. text-align:center;
  31. position:absolute;
  32. top:40%;
  33. width:100%;
  34. left: 0;
  35. }
  36. #loader {
  37. font-family:Tahoma, Helvetica, sans;
  38. font-size:11.5px;
  39. color:#000000;
  40. background-color:#FFFFFF;
  41. padding:10px 0 16px 0;
  42. margin:0 auto;
  43. display:block;
  44. width:250px;
  45. border:1px solid #5a667b;
  46. text-align:left;
  47. z-index:2;
  48. }
  49. #progress {
  50. height:5px;
  51. font-size:1px;
  52. width:1px;
  53. position:relative;
  54. top:1px;
  55. left:1px;
  56. background-color:#8894a8;
  57. }
  58. #loader_bg {
  59. background-color:#e4e7eb;
  60. position:relative;
  61. top:8px;
  62. left:8px;
  63. height:7px;
  64. width:230px;
  65. font-size:1px;
  66. }
  67. </style>
  68. </head>
  69. <body onload="remove_loading();" leftmargin="0" topmargin="0">
  70. <div id="loader_container">
  71. <div id="loader">
  72. <div align="center">正在连接……<br>
  73. <br>加载中,请稍等候....<br></div>
  74. <div id="loader_bg"><div id="progress"> </div></div>
  75. </div>
  76. </div>
  77. <script language="javascript" type="text/javascript">
  78. window.location="#";
  79. </script>
  80. </body>
  81. </html>