制作一个简单的等待窗口

左手的ㄟ右手 2022-08-25 15:45 179阅读 0赞

这个等待窗体实际上是利用了<object>标签完成的。因为动态效果由<marquee>完成，该等待窗体显示出来的时候，整个table是透明的，只有中间的过程条在动，后面的任何按钮都不能点击。

首先做一个静态页面：downloadExcel.html

<table> 
 <tbody> 
  <tr> 
   <td> 
    <table> 
     <tbody> 
      <tr> 
       <td style="FONT-SIZE: 15px; COLOR: #ffffff" align="center">报表生成中，请稍等...</td> 
      </tr> 
      <tr> 
       <td align="center">&nbsp;</td> 
      </tr> 
      <tr> 
       <td align="center">  
        <table> 
         <tbody> 
          <tr> 
           <td>&nbsp;</td> 
           <td>&nbsp;</td> 
           <td>&nbsp;</td> 
           <td>&nbsp;</td> 
           <td>&nbsp;</td> 
           <td>&nbsp;</td> 
           <td>&nbsp;</td> 
           <td>&nbsp;</td> 
          </tr> 
         </tbody> 
        </table> </td> 
      </tr> 
      <tr> 
       <td>&nbsp;</td> 
      </tr> 
     </tbody> 
    </table> </td> 
  </tr> 
 </tbody> 
</table>

然后在处理画面中加上这么一段：

一开始是隐藏起来的。当点击处理按钮之后，就将它显示出来：

<SCRIPT language="javaScript">  
    var firstFlg = "0";  
  
    function processStart()\{  
          with(document.all.processBarMask.style)\{  
                 top = 0;  
                 width = "100%";  
                 height = "100%";  
                 visibility = "visible";  
          \}  
          document.all.processBarMask.focus();  
    \}  
  
    function processEnd()\{  
        document.all.processBarMask.style.visibility = "hidden";  
    \}  
</SCRIPT>

最后给处理按钮加上处理：