JS muncul div dan menampilkan lapisan topeng

Salin kode kode sebagai berikut:

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

// Popdivid: ID dari Layer Div

// Dragdivid: digunakan untuk menyeret ID div

// isshowmask: apakah lapisan topeng ditampilkan

fungsi popdivshow (popdivid, dragdivid, isShowmask) {

if (isShowmask) {

Creatmask (popdivid);

}

var sendiri = 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 || Window.event;

bdrag = true;

disx = event.clientx -owins.offsetlect;

disy = event.clienty -owins.offsettop;

this.setCapture && s.setCapture ();

Mengembalikan false;

};

document.onmouseMove = function (event) {

if (! bdrag)

Kembali;

var Every = Event || Window.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> maxl?

Itu = itu <0?

itu = itu> maxt?

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

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

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

Mengembalikan false;

};

document.onmouseup = window.onblur = owins_title.onlosecapture = function () {

bdrag = false;

Owins_tital.releasecapture && pins_title.releasecapture ();

};

}

// Sembunyikan lapisan pop -up

Fungsi popdivhidden (popdivid) {{

var sendiri = document.geteLementById (popdivid);

owins.style.display = "none";

Window.parent.document.body.removechild (window.parent.document.geteLementById ("maskdiv")

}

// Dapatkan lapisan pop -up zindex

Fungsi getzIndex (popdivid) {

varpodiv = document.getElementById (popdivid);

varpodivzIndex = popdiv.style.zindex;

Return PopDivzIndex;

}

// Buat lapisan topeng

Function creatmask (popdivid) {{

// Parameter w adalah lebar halaman pop -up, parameter h adalah ketinggian halaman pop -up, parameter s adalah jalur halaman pop -up

var maskdiv = window.parent.document.createelement ("div");

maskdiv.id = "maskdiv";

maskdiv.style.position = "tetap";

maskdiv.style.top = "0";

maskdiv.style.left = "0";

maskdiv.style.zindex = getzindex (popdivid) -1;

Maskdiv.style.backgroundcolor = "#333";

Maskdiv.style.filter = "alpha (opacity = 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")

};

}