คัดลอกรหัสรหัสดังนี้:
-
// popdivid: ID ของชั้น div
// dragdivid: ใช้ในการลาก ID ของ div
// 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 (เหตุการณ์) {{
VAR ทุกครั้ง = Event ||
bdrag = true;
disx = event.clientx -owins.offsetlect;
disy = event.clienty -owins.offsettop;
this.setCapture && s.setCapture ();
กลับเท็จ;
-
document.onmousemove = ฟังก์ชั่น (เหตุการณ์) {
if (! bdrag)
กลับ;
VAR ทุกครั้ง = 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? 0: il;
il = il> maxl?
มัน = มัน <0? 0: มัน;
มัน = มัน> maxt?
owins.style.margintop = owins.style.marginleft = 0;
owins.style.left = il + "px";
owins.style.top = it + "px";
กลับเท็จ;
-
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 = "ไม่มี";
window.parent.document.body.removechild (window.parent.document.getElementById ("maskdiv")
-
// รับชั้นป๊อปอัพ zindex
ฟังก์ชั่น getzindex (popdivid) {
varpodiv = document.getElementById (popdivid);
varpodivzindex = popdiv.style.zindex;
กลับ Popdivzindex;
-
// สร้างเลเยอร์หน้ากาก
ฟังก์ชั่น creatmask (popdivid) {{
// พารามิเตอร์ w คือความกว้างของหน้าป๊อปอัพพารามิเตอร์ H คือความสูงของหน้าป๊อปอัพพารามิเตอร์ S คือเส้นทางของหน้าป๊อปอัพ
var 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 = "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")
-
-