JavaScript點擊按鈕後再彈出透明浮動層的方法

本文實例講述了JavaScript點擊按鈕後彈出透明浮動層的方法。分享給大家供大家參考。具體分析如下：

這裡實現點擊後頁面變灰色，並用JS彈出一個居中的浮動層提示窗口，這個窗口是透明的，可以設定透明度，網上已經有很多類似的JavaScript代碼，你可以借鑒一下。

浮动层居中的对话框效果演示'+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">

【相關教學推薦】

1. JavaScript影片教學
2. JavaScript🎜>JavaScript手冊
3. bootstrap教學