Rumah > hujung hadapan web > tutorial js > Kaedah JavaScript untuk memunculkan lapisan terapung telus selepas mengklik butang

Kaedah JavaScript untuk memunculkan lapisan terapung telus selepas mengklik butang

PHPz
Lepaskan: 2018-10-15 14:34:59
asal
1089 orang telah melayarinya

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">
Salin selepas log masuk

【Cadangan Tutorial Berkaitan】

1 Tutorial Video JavaScript
2 Manual3.
tutorial bootstrap

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan