JavaScript简单的点击按钮弹出层，可以关闭！也就是弹出框，在网页中应用广泛，时间关系，没有进行太多的美化，但是在代码内含有注释，方便大家参考和使用。 示例： <html><br /> <head><br /> <title>点击按钮，弹出一个层</title><br /> <script><br /> var docEle = function() {<br /> return document.getElementById(arguments[0]) || false;<br /> }<br /> function openNewDiv(_id) {<br /> var m = "mask";<br /> if (docEle(_id)) document.removeChild(docEle(_id));<br /> if (docEle(m)) document.removeChild(docEle(m));<br /> // 新激活图层<br /> var newDiv = document.createElement("div");<br /> newDiv.id = _id;<br /> newDiv.style.position = "absolute";<br /> newDiv.style.zIndex = "9999";<br /> newDiv.style.width = "200px";<br /> newDiv.style.height = "300px";<br /> newDiv.style.top = "100px";<br /> newDiv.style.left = (parseInt(document.body.scrollWidth) - 300) / 2 + "px"; // 屏幕居中<br /> newDiv.style.background = "#EFEFEF";<br /> newDiv.style.border = "1px solid #860001";<br /> newDiv.style.padding = "5px";<br /> newDiv.innerHTML = "新激活图层内容";<br /> document.body.appendChild(newDiv);<br /> // mask图层<br /> var newMask = document.createElement("div");<br /> newMask.id = m;<br /> newMask.style.position = "absolute";<br /> newMask.style.zIndex = "1";<br /> newMask.style.width = document.body.scrollWidth + "px";<br /> newMask.style.height = document.body.scrollHeight + "px";<br /> newMask.style.top = "0px";<br /> newMask.style.left = "0px";<br /> newMask.style.background = "#000";<br /> newMask.style.filter = "alpha(opacity=40)";<br /> newMask.style.opacity = "0.40";<br /> document.body.appendChild(newMask);<br /> // 关闭mask和新图层<br /> var newA = document.createElement("a");<br /> newA.href = "#";<br /> newA.innerHTML = "关闭激活层";<br /> newA.onclick = function() {<br /> document.body.removeChild(docEle(_id));<br /> document.body.removeChild(docEle(m));<br /> return false;<br /> }<br /> newDiv.appendChild(newA);<br /> }<br /> </script><br /> </head><br /> <body><br /> <input type="button" value=" 点这里 " onclick="openNewDiv(1)" /><br /> </body><br /> </html> <br /><center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>提示：可修改后代码再运行! 文章导航 jQuery点击后弹出可关闭遮罩层，适于网站公告点击弹出遮罩层，JavaScript弹出可关闭的对话框
