DIV+CSS+JS 회색 팝 업 층

2938 단어 팝 업 층
부동 층 가운데 에 있 는 대화 상자 효 과 는부동 층 가운데 에 있 는 대화 상자 효 과 를 보 여 줍 니 다. function NeatDialog(sHTML, sTitle, bCancel) { window.neatDialog = null; this.elt = null; if (document.createElement && document.getElementById) { var dg = document.createElement("div"); dg.className = "neat-dialog"; if (sTitle) sHTML = '
'+sTitle+ ((bCancel)? 'Cancel':'')+ '

' + 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); //adjust positioning if body has a margin 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 에 의 해 제어 되 어 팝 업 됩 니 다.www.jb51.net우리!

'+'

를 닫 습 니 다.new NeatDialog(sHTML,"어서 오 세 요!"false); }

부동 층 가운데 효과

[Ctrl+A 전체 선택:외부 Js 를 도입 하려 면 페이지 를 새로 고침 해 야 실행 할 수 있 습 니 다.]

좋은 웹페이지 즐겨찾기