遮罩层的原理（55分哦！）解决思路

2012-02-03

遮罩层的原理（55分哦！）我有一个查询页面，当我点击查询后，提交到服务器返回的数据前的那段时间，页面上出

遮罩层的原理（55分哦！）
我有一个查询页面，当我点击查询后，
提交到服务器返回的数据前的那段时间，页面上出现一个遮罩层提示 “正在查询中，请稍后”
然后当数据查询出来时遮罩层自动消失！
这个是什么原理呢。详细点具体点！
最好是把代码写出来！
谢谢！

[解决办法]
http://www.cnblogs.com/fishbin/archive/2009/11/08/1598481.html

[解决办法]
其实就是一个DIV，加上滤镜效果
[解决办法]
一个空白层套上这个样式：

CSS code

/*遮罩层*/.div_middle {     position: fixed;    z-index:100;    top: 0px;    left: 0px;    height:100%;    width:100%;    background-color:#000;    filter:alpha(opacity=75);    opacity: 0.75;    }
[解决办法]
至于你要实现的那种等待效果应该是配合Ajax实现的，客户端在发送XmlHttpRequest之后，就用遮罩层将相应的区域蒙上，然后显示等待状态，在Ajax的回调函数加载完成之后再将遮罩层隐藏掉即可。
[解决办法]
 <script language="javascript" type="text/javascript">

      //建对象
      var XmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
     
     //请求
      function request()
      {
        if (XmlHttp!=null)
        {
          XmlHttp.Open("POST","TagHandler.ashx",true);
          XmlHttp.send();
          XmlHttp.onreadystatechange=ServerProcess;
        }
      }
     
      //回调
      function ServerProcess()
      {
          if(XmlHttp.readystate==4 || XmlHttp.readystate=="complete")
          {
              eval(XmlHttp.responsetext);
          }
      }
   </script>

热点排行

.NET Framework

遮罩层的原理（55分哦！）解决思路