解决方案 »

  1.   

    用的是lightbox 效果!
    搜索lightbox 相关代码
      

  2.   

    加个DIV设置透明度就能简单实现了
      

  3.   

    背景是一个层(div之流),设置style为透明(Fileter),z-index设大一点,提示框的z-index比背景更大点,就行啦。
      

  4.   


    lightbox
    == 思想重于技巧 ==
      

  5.   

    将以下代码保存为一个HTML文件,你就知道了,一个比较大的Div然后设置透明度,把后面的控件就全挡住了,开始为隐藏,点击后显示出来。<html>
    <head>
    <script language="javascript">
      function   showSending()   {  
      sending.style.visibility="visible";  
      cover.style.visibility="visible";  
      }   
     </script>
    </head>
    <body><form   onsubmit="aa(this)">  
      <input   name=s   type=submit>  
      <input   name=s2  value ="测试" type="button" onclick="showSending();">  
      </form>  
      <div   id=x   style="visibility:hidden;position:absolute">正在发送</div>  
      <script>  
      function   aa(o)  
      {  
      o.s.disabled=true  
      document.all.x.style.visibility="visible"  
      //进行适当位置调整和美化即可  
      }  
      </script>
      
      
      <div   id="sending"   style="position:absolute;   top:320;   left:20;   z-index:10;   visibility:hidden"><TABLE   WIDTH=100%   BORDER=0   CELLSPACING=0   CELLPADDING=0><TR><td   width=30%></td><TD   bgcolor=#ff9900><TABLE   WIDTH=100%   height=70   BORDER=0   CELLSPACING=2   CELLPADDING=0><TR><td   bgcolor=#eeeeee   align=center>邮件正在发送,   请稍候...</td></tr></table></td><td   width=30%></td></tr></table></div>  
      <div   id="saving"   style="position:absolute;   top:320;   left:20;   z-index:10;   visibility:hidden"><TABLE   WIDTH=100%   BORDER=0   CELLSPACING=0   CELLPADDING=0><TR><td   width=30%></td><TD   bgcolor=#ff9900><TABLE   WIDTH=100%   height=70   BORDER=0   CELLSPACING=2   CELLPADDING=0><TR><td   bgcolor=#eeeeee   align=center>邮件正在保存,   请稍候...</td></tr></table></td><td   width=30%></td></tr></table></div>  
      <div   id="cover"   style="position:absolute;   top:0;   left:0;   z-index:9;   visibility:hidden"><TABLE   WIDTH=100%   height=900   BORDER=0   CELLSPACING=0   CELLPADDING=0><TR><TD   align=center><br></td></tr></table></div>  
      
      </body>
      </html>
      

  6.   

    http://www.blueidea.com/download/product/2006/3904.asp
      

  7.   

    http://www.huddletogether.com/projects/lightbox2/在这里下载lightbox