我是一个总编程初学者。我一直在寻找答案,但是我发现的答案都没有解决我的问题。关闭通过点击它外弹出div
我用[how do I center javascript css popup div, no matter what the screen resolution?]弹出的问题中解释的div方法。我想知道:是否可以通过点击以下代码中的小改动来关闭div?
非常感谢您提前!
我的代码:
<script type="text/javascript">
function showPopUp(el) {
var cvr = document.getElementById("cover")
var dlg = document.getElementById(el)
cvr.style.display = "block"
dlg.style.display = "block"
if (document.body.style.overflow = "scroll") {
cvr.style.width = "1024"
cvr.style.height = "100%"
}
}
function closePopUp(el) {
var cvr = document.getElementById("cover")
var dlg = document.getElementById(el)
cvr.style.display = "none"
dlg.style.display = "none"
document.body.style.overflowY = "scroll"
}
</script>
<style type="text/css">
#cover {
display: none;
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background: gray;
filter: alpha(Opacity = 50);
opacity: 0.5;
-moz-opacity: 0.5;
-khtml-opacity: 0.5
}
</style>
在HTML中,我已经隐藏与IDS “dialog1”, “dialog2” 等申报单的数量。当用户点击一个链接时,DIV显示出来,并关闭它,我用一个img链接:
< a class="close" href="#2" onclick="closePopUp('dialog2');">< img src="/img/close.png" height="30px"></a >
发布您的代码来获得答案 – Kingk
该代码是我发布的链接! – Kristine
作为一名初学者,您需要一种在文档上注册鼠标的方法,然后从那里关闭弹出窗口。没有你的代码,只要我可以去 –