我是一個總編程初學者。我一直在尋找答案,但是我發現的答案都沒有解決我的問題。關閉通過點擊它外彈出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
作爲一名初學者,您需要一種在文檔上註冊鼠標的方法,然後從那裏關閉彈出窗口。沒有你的代碼,只要我可以去 –