JSがDivをポップアップし、マスクレイヤーを表示します

次のようにコードコードをコピーします。

// --------------------------------------------------

// popdivid：レイヤーdivのID

// dragDivid：divのIDをドラッグするために使用されます

// ISSHOWMASK：マスク層が表示されているかどうか

関数popdivshow（popdivid、dragdivid、isshowmask）{

if（isshowmask）{

CreatMask（popdivid）;

}

var own = document.getElementById（popdivid）;

var own_tital = document.getElementById（dragDivid）;

var bdrag = false;

var disx = disy = 0;

owins.style.display = "block";

owins_tital.onmousedown = function（event）{{{

var Every = event ||。

bdrag = true;

disx = event.clientx -owins.offsetlect;

disy = event.clienty -owins.offsettop;

this.setcapture && s.setcapture（）;

falseを返します。

};

document.onmousemove = function（event）{

if（！bdrag）

戻る;

var Every = event ||。

var il = event.clientx -disx;

var it = event.clienty -disy;

var maxl = document.documentedlement.clientwidth -owins.offsetwidth;

var maxt = document.documentedlement.clientheight -owins.offsetheight;

IL = IL <0：IL;

il = il> maxl：il;

それ=それ<0：it;

それ=それ> maxt：it;

owins.style.margintop = owins.style.marginleft = 0;

owins.style.left = il + "px";

owins.style.top = it + "px";

falseを返します。

};

document.onmouseup = window.onblur = owins_title.onlosecapture = function（）{

bdrag = false;

owins_tital.releasecapture && pins_title.releasecapture（）;

};

}

//ポップアップレイヤーを非表示にします

関数popdivhidden（popdivid）{{

var own = document.getElementById（popdivid）;

owins.style.display = "none";

window.parent.document.body.removechild（window.parent.document.getelementbyid（ "maskdiv"））

}

//ポップアップレイヤーZindexを取得します

関数getzindex（popdivid）{

varpodiv = document.getElementById（popdivid）;

varpodivzindex = popdiv.style.zindex;

popdivzindexを返します。

}

//マスクレイヤーを作成します

function creatmask（popdivid）{{

//パラメーターwはポップアップページの幅、パラメーターhはポップアップページの高さ、パラメーターsはポップアップページのパスです

var maskdiv = window.parent.document.createelement（ "div"）;

maskdiv.id = "maskdiv";

maskdiv.style.position = "sixed";

maskdiv.style.top = "0";

maskdiv.style.left = "0";

maskdiv.style.zindex = getzindex（popdivid）-1;

maskdiv.style.backgroundcolor = "＃333";

maskdiv.style.filter = "alpha（ofacity = 70）";

maskdiv.style.opacity = "0.7";

maskdiv.style.width = "100％";

maskdiv.style.head =（window.parent.document.body.scrollheight + 50） + "px";

window.parent.document.body.appendchild（maskdiv）;

maskdiv.onmousedown = function（）{

window.parent.document.body.removechild（window.parent.document.getelementbyid（ "maskdiv"））

};

}