欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

js實(shí)現(xiàn)在頁面上彈出蒙板技巧簡單實(shí)用

 更新時(shí)間：2013年04月16日 17:46:03   作者：  
蒙板是兩個(gè)div，其中popWindow樣式的div用于遮住整個(gè)頁面并半透明，感興趣的朋友可以參考下哈，希望對(duì)你學(xué)習(xí)js蒙版有所幫助
蒙板是兩個(gè)div，其中popWindow樣式的div用于遮住整個(gè)頁面，并半透明。maskLayer 在popWindow上面，用于顯示蒙板的信息，比如“載入中……“
復(fù)制代碼 代碼如下:

<html>
<head>
<style type="text/css">
.popWindow {
background-color:#9D9D9D;
width: 100%;
height: 100%;
left: 0;
top: 0;
filter: alpha(opacity=50);
opacity: 0.5;
z-index: 1;
position: absolute;

}
.maskLayer {
background-color:#000;
width: 200px;
height: 30px;
line-height: 30px;
left: 50%;
top: 50%;
color:#fff;
z-index: 2;
position: absolute;
text-align:center;
}
</style>
<script language="javascript" type="text/javascript">
function showDiv() {
document.getElementById('popWindow').style.display = 'block';
document.getElementById('maskLayer').style.display = 'block';
}
function closeDiv() {
document.getElementById('popWindow').style.display = 'none';
document.getElementById('maskLayer').style.display = 'none';
}
</script>
</head>
<body>
<div onclick="showDiv()" style="display:block; cursor:pointer">
彈出蒙板
</div>
<div id="popWindow" class="popWindow" style="display: none;">
</div>
<div id="maskLayer" class="maskLayer" style="display: none;">
<a href="#" onclick="closeDiv()" style="cursor:pointer;text-decoration: none;">
關(guān)閉蒙板
</a>
</div>
</body>
</html>

相關(guān)文章

最新評(píng)論