Kaedah JavaScript untuk memunculkan lapisan terapung telus selepas mengklik butang

Contoh dalam artikel ini menerangkan cara menggunakan JavaScript untuk memunculkan lapisan terapung telus selepas mengklik butang. Kongsikan dengan semua orang untuk rujukan anda. Analisis khusus adalah seperti berikut:

Di sini, halaman menjadi kelabu selepas mengklik, dan tetingkap gesaan lapisan terapung berpusat muncul menggunakan JS Tetingkap ini telus, dan ketelusan boleh ditetapkan Kod JavaScript di Internet Anda boleh Belajar daripadanya.

浮动层居中的对话框效果演示'+sTitle+
  ((bCancel)?
  '':'')+
  '\n' + sHTML;
 dg.innerHTML = sHTML;
 var dbg = document.createElement("div");
 dbg.id = "nd-bdg";
 dbg.className = "neat-dialog-bg";
 var dgc = document.createElement("div");
 dgc.className = "neat-dialog-cont";
 dgc.appendChild(dbg);
 dgc.appendChild(dg);
 if (document.body.offsetLeft > 0)
 dgc.style.marginLeft = document.body.offsetLeft + "px";
 document.body.appendChild(dgc);
 if (bCancel) document.getElementById("nd-cancel").onclick = function()
 {
  window.neatDialog.close();
 };
 this.elt = dgc;
 window.neatDialog = this;
 }
}
NeatDialog.prototype.close = function()
{
 if (this.elt)
 {
 this.elt.style.display = "none";
 this.elt.parentNode.removeChild(this.elt);
 }
 window.neatDialog = null;
}
function openDialog()
 {
var sHTML = '你现在看到的是一个层窗口，是被JS控制弹出的'+
  '关闭';
 new NeatDialog(sHTML, "你知道吗？", false);
}
" _ue_custom_node_="true">

【Cadangan Tutorial Berkaitan】

1 Tutorial Video JavaScript
2 Manual3.
tutorial bootstrap