日期:2014-05-20  浏览次数:20769 次

遮罩层的原理(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>