您的能给一个简单的示例么？文档感觉比较复杂EasyUI遮罩类EasyMask.js http://www.easyui.org.cn/easydraglayer.htmleasyMask(olayer,width,height,zindex,scolor,opacity,hs)
遮罩类构造函数
参数：弹出层对象（如不指定，将自动创建一个DIV），宽（如不指定或指定为100%则为窗体全宽度），高（如不指定或指定为100%则为窗体全高度），Z坐标（zindex），遮罩颜色（rgb值），不透明度（0-100整数值），开启时是否隐藏窗体滚动条
easyMask属性：
scolor 遮罩颜色
opacity 不透明度
easyMask事件：
oncountchange 引用计数发生改变事件
继承自easyLayer的其他事件
easyMask方法：
open(x,y)
开启遮罩（重写继承自easyLayer的方法）
参数：x坐标（默认为0），y坐标（默认为0）
返回值：无
close()
关闭遮罩（重写继承自easyLayer的方法）
参数：无
返回值：无
遮罩类构造函数
参数：弹出层对象（如不指定，将自动创建一个DIV），宽（如不指定或指定为100%则为窗体全宽度），高（如不指定或指定为100%则为窗体全高度），Z坐标（zindex），遮罩颜色（rgb值），不透明度（0-100整数值），开启时是否隐藏窗体滚动条
easyMask属性：
scolor 遮罩颜色
opacity 不透明度
easyMask事件：
oncountchange 引用计数发生改变事件
继承自easyLayer的其他事件
easyMask方法：
open(x,y)
开启遮罩（重写继承自easyLayer的方法）
参数：x坐标（默认为0），y坐标（默认为0）
返回值：无
close()
关闭遮罩（重写继承自easyLayer的方法）
参数：无
返回值：无
就这几个参数你还觉得复杂？
yes，it is
how to use his js ？？？
给你一个简单的，兼容IE和Firefox
原理就是总共两个层
最底下是一个100%的div层，设置透明度：filter:alpha(opacity=20);
最上面是一个正常的div层
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Demo</title>
<style type="text/css">
<!--
*{
margin:0;
padding:0;
}
html,body{
height:100%;
}
#shadow{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background-color:#0060C0;
filter:alpha(opacity=20);
opacity:0.2;
}
#box{
position:absolute;
left:50%;
top:50%;
width:400px;
height:180px;
margin:-90px 0 0 -200px;
border:1px solid #84A0C4;
background-color:#DFE8F6;
text-align:center;
}
-->
</style>
<script language="javascript" type="text/javascript">
<!--
function createDiv()
{
var shadow = document.createElement("div");
shadow.setAttribute("id","shadow");
shadow.style.zIndex="10"; var box=document.createElement("div");
box.setAttribute("id","box");
box.style.zIndex="999";
var spanUser=document.createElement("span");
spanUser.innerHTML="User:"; var textUser=document.createElement("input");
textUser.setAttribute("type","text");
textUser.setAttribute("id","textUser"); var button=document.createElement("input");
button.setAttribute("type","button");
button.setAttribute("id","button1");
button.setAttribute("value","Confirm");
button.onclick=hideDiv; box.appendChild(spanUser);
box.appendChild(textUser);
box.appendChild(button); document.body.appendChild(shadow);
document.body.appendChild(box);
}
function hideDiv()
{
var textUser=document.getElementById("textUser");
var user=document.getElementById("user");
user.value=textUser.value; var box=document.getElementById("box");
var shadow=document.getElementById("shadow");
document.body.removeChild(box);
document.body.removeChild(shadow);
}
-->
</script>
</head>
<body>
<div style="text-align:center">
<input id="user" type="text" />
<input id="btnshow" type="button" onclick="createDiv()" value="Display" />
</div>
</body>
</html>
<!doctype html public "-//w3c//dtd html 4.01//en" "http://www.w3.org/tr/html4/strict.dtd">
<html>
<head>
<title></title>
<style type="text/css">
</style>
</head>
<body>
easyMask弹出一个遮罩层
<input type="button" value="点击弹出遮罩" id="btn1">
</body>
<script type="text/javascript" src="easyUI.js"></script>
<script type="text/javascript" src="easyLayer.js"></script>
<script type="text/javascript" src="easyMask.js"></script>
<script type="text/javascript">
var $=function(id){return typeof(id)=="string"?document.getElementById(id) :id;}
var nl = new easyMask(null,null,null,10001,'#ddd',80,true);//第2，3个参数，指定遮罩大小，为空是全屏
$('btn1').onclick=function() {
nl.open();
}</script>
</html>