• 如何按照页面载入进度制作进度条??


    <script language="JavaScript">
    <!--
    var url = 'index.asp'; 
    //这里就是要跳到的地方
    //-->
    </script>
    <title>无香论坛数据加载中……</title>

    </head>

    <body onLoad="location.href = url">

    <div style='margin-top:40;margin-left:40;margin-right:0'>
      <p> </p>
      <p align="center"> </p>
      <p align="center"> </p>
      <p align="center"> 
        <style><!--.proccess{border:0px  solid; border-color:#009900; 2;height:15;background:eeeeee;margin:0}--></style>
      </p>
      <div style='margin-top:-20;margin-left:0;margin-right:0' align="center"> 
        <form method=post name=proccess>
          <script language=javascript>
      document.write("<br><br><br><br><table border=0 cellspacing=1 cellpadding=0  bgcolor=#000000 ><tr bgcolor=#ffffff><td  style='font:9pt Verdana;'>")
    for(i=0;i<200;i++)document.write("<input class=proccess >")
          document.write("</td></tr></table><br>")
      document.write("<div align=center style='font-size:9pt;color:#660000;'>数据加载中,请您稍微等一下下了……</div>")
    </script>

        </form>
      </div>
      <div align="center">
        <script language=JavaScript><!--
    var p=0,j=0;
    var c=new Array("#FF6600","#ffffff")
    setInterval('proccess();',100)
    function proccess(){
    document.forms.proccess.elements[p].style.background=c[j];
    p+=1;
    if(p==200){p=0;j=1-j;}}
    --></script>
      </div>
    </div>
    <div align="center">
      <script>
    <!--
    if (document.layers) 
      document.write('<Layer src="' + url + ' " VISIBILITY="hide"> </Layer>'); 
      else if (document.all || document.getElementById) 
       document.write('<iframe src="' + url + '" style="visibility: hidden;"></iframe>'); 
    else location.href = url;
    //-->
    </script>
    </div>
    </body>
  • 相关阅读:
    JSP根据身份证号码计算生日
    JSP听课笔记(二)
    JSP听课笔记(一)
    JDBC连接数据库过程(转载)
    PL/SQL
    阅读笔记
    javaScript的一些奇妙动画
    原型与原型链之间一些奥秘
    CSS3 @keyframes 规则
    Java语言中的基本词汇
  • 原文地址:https://www.cnblogs.com/YrRoom/p/308023.html
Copyright © 2020-2023  润新知