复制代码代码如下所示:
/ / --------------------弹出-------------------
的 / / popdivid ID:弹出div层
/ / dragdivid:用于拖动div ID
无论 / / isshowmask:显示遮罩层
功能popdivshow(popdivid,dragdivid,isshowmask){
如果(isshowmask){
CreatMask(popdivid);
}
无功owins = document.getelementbyid(popdivid);
无功owins_title = document.getelementbyid(dragdivid);
无功bdrag = false;
VaR disx = Disy = 0;
owins.style.display =块;
owins_title.onmousedown =函数(事件){
var =事件| | window.event事件;
bdrag =真;
event.clientx - owins.offsetleft disx =;
event.clienty - owins.offsettop Disy =;
this.setcapture this.setcapture();
返回false;
};
document.onmousemove =函数(事件){
如果(!BDrag)
返回;
var =事件| | window.event事件;
VaR IL = event.clientx - disx;
var = event.clienty -迪西;
VaR最大值= document.documentelement.clientwidth - owins.offsetwidth;
Var maxT = document.documentElement.clientHeight - oWins.offsetHeight;
IL=IL 00:IL;
IL IL >最大值最大值:IL =;
它= 00:它;
它= >最紧密最紧密:它;
owins.style.margintop = owins.style.marginleft = 0;
owins.style.left = IL +PX;
owins.style.top =它+PX;
返回false;
};
document.onmouseup = window.onblur = owins_title.onlosecapture =函数(){
bdrag = false;
owins_title.releasecapture owins_title.releasecapture();
};
}
隐藏弹出窗口
功能popdivhidden(popdivid){
无功owins = document.getelementbyid(popdivid);
owins.style.display =没有;
window.parent.document.body.removechild(window.parent.document.getelementbyid(maskdiv ));
}
/ /获取弹出层在
功能getzindex(popdivid){
无功popdiv = document.getelementbyid(popdivid);
无功popdivzindex = popdiv.style.zindex;
返回popdivzindex;

}
创建一个图层蒙版
功能creatmask(popdivid){
参数为弹出页面宽度,h参数为弹出页面高度,s参数为弹出页面路径。
无功maskdiv = window.parent.document.createelement(div);
maskdiv.id =maskdiv ;
maskdiv.style.position =固定;
maskdiv.style.top =0;
MaskDiv.style.left = 0;
maskdiv.style.zindex = getzindex(popdivid)- 1;
maskdiv.style.backgroundcolor =# 333 ;
maskdiv.style.filter =阿尔法(不透明度70);
maskdiv.style.opacity =0.7;
maskdiv.style.width =100%;
maskdiv.style.height =(window.parent.document.body.scrollheight + 50)+PX;
window.parent.document.body.appendchild(maskdiv);
maskdiv.onmousedown =函数(){
window.parent.document.body.removechild(window.parent.document.getelementbyid(maskdiv ));
};
}