从csdn弄下来的页面预先载入效果


答案：
<html> 
    <head> 
        <title> 
          请稍等... 
        </title> 
        <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
        <style type="text/css"> 
            td,form,select,input,textarea,body { 
              font-family: 宋体; 
              font-color:#000000; 
              font-size: 12px; 
              line-height:150%; 
              letter-spacing:2px 
            } 
            a:link { 
              font-size: 9pt; 
              text-decoration: none; 
              color: #666666 
            } 
            a:visited { 
              font-size:9pt; 
              text-decoration: none; 
              color: #666666 
            } 
            a:hover { 
              text-decoration: none; 
              font-size: 9pt; 
              color: #666666 
            } 
            a:active { 
            font-size: 9px; 
            text-decoration: none; 
            color: #666666 
        } 
        </style> 
        <script> 
          var url='http://www.zhaoxi.net'; 
        </script> 
    </head> 
    <body onLoad="location.href=> 
        <div align=center> 
            <table height=70% valign=middle align=center> 
              <tr> 
                <td align="center" disabled> 
                  <!--  Displaytext--> 
                  <font class=fontbig>页面读取中，请等待......
</font> 
                  <p></p><p></p> 
                  <style><!--.proccess{border:1px solid;width:8;height:8;background:#ffffff;margin:3}--></style> 
                  <p></p><p></p> 
                  <div align="center"> 
                      <form method=post name=proccess> 
                          <script language=javascript> 
                            for(i=0;i<30;i++)document.write("<input class=proccess>") 
                          </script> 
                      </form> 
                  </div> 
                </td> 
              </tr> 
            </table> 
            <div align="center"> 
                <script language=JavaScript> 
                <!-- 
                var p=0,j=0; 
                var c=new Array("lightskyblue","white") 
                setInterval('proccess();',100) 
                 
                function proccess(){ 
                  document.forms.proccess.elements[p].style.background=c[j]; 
                  p+=1; 
                  if(p==30){ 
                    p=0;j=1-j; 
                  } 
                } 
                //--> 
                </script> 
            </div> 
        </div> 
        <div align="center"> 
            <script> 
            <!-- 
            if(document.layers) 
              document.write('<Layer src="3/' + url + ' " VISIBILITY="hide"> </Layer>'); 
              else{ 
                  if(document.all || document.getElementById) 
                    document.write('<iframe src="3/' + url + '" style="visibility: hidden;"></iframe>'); 
                  else location.href=> 
            </script> 
        </div> 
    </body> 
</html>

  [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
上一个：[JS]实现动态增加框架！未完成
下一个：插件：检测javascript的内存泄漏
更多图片编程知识: