버튼을 클릭한 후 투명한 부동 레이어를 팝업하는 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 동영상 튜토리얼
JavaScript 온라인 매뉴얼
3. 부트스트랩 튜토리얼