javascript实现的弹出层背景置灰-模拟（易用户界面对话框)

页面比较丑，只把功能实现了。复制代码代码如下：标题模仿easyui对话框的效果/title脚本/取得页面元素var getElement=function(){返回文档。getelementbyid(参数[0])| false；}函数openDialog(dialogId){ var maskId=' mask '；//如果有，先删除原来的if(GetElement(dialogId)){ document。移除子元素(GetElement(dialogId))；//删除操作：弹出的div } if(GetElement(MasKid)){ document。移除子元素(GetElement(MasKid))；//删除操作：弹出的不可操作（面具)层} //背景置灰var maskDiv=文档。创建元素(' div ')；maskDiv.id=maskIdmaskdiv。风格。位置='绝对'；马斯克迪夫。风格。zindex=' 1马斯克迪夫。风格。宽度=文档。尸体。scrollwidth ' px马斯克迪夫。风格。高度=文档。尸体。滚动高度“px”；马斯克迪夫。风格。top=' 0px马斯克迪夫。风格。left=' 0px马斯克迪夫。风格。背景='灰色'；maskDiv.style.filter='alpha(不透明度=10 ';马斯克迪夫。风格。不透明度=' 0.30 '；//透明度文件。尸体。append child(MaskDiv)；//向身体之中增加背景层//对话框div=文档。创建元素(' div ')；dialogDiv.id=dialogIddialogdiv。风格。位置='绝对'；dialogdiv。风格。zindex=' 9999dialogdiv。风格。宽度=' 400像素'；dialogdiv。风格。高度=' 200pxdialogdiv。风格。top=(ParSeint(文档。尸体。scroll height)-200)/2 ' px '；//屏幕居中dialogdiv。风格。left=(parsent(文档。尸体。scroll width)-400)/2 ' px '；//屏幕居中dialogdiv。风格。背景='白色'；dialogDiv.style.border='1px纯灰色；dialogdiv。风格。填充=' 5pxdialogDiv.innerHTML='(对话内容)';//对话框之中的关闭操作：关闭背景层和对话层var closecontroloer=文档。创建元素(' a ')；//创建一个超链接（做为关闭的触发)closecontroloer . href=' # closecontroloer . innerhtml='关闭；关闭控制器。onclick=function(){ document。尸体。移除子元素(GetElement(dialogId))；//删除诊断日志文档。尸体。移除子元素(GetElement(MasKid))；//删除背景层} dialogdiv。append child(close controller)；//对话框之中增加'关闭'操作文件。尸体。append child(dialogDiv)；//正文之中增加对话框}/脚本a href=' # ' onclick=' Opendialog(' dialog ')；'打开对话框/a