js实现 load mask

gaolixu · 发表于 2013-2-7 15:58:42

<html>
<head>
<style type="text/css">
#mask {
    position: absolute;
    visibility: hidden;
    background: #000;
    z-index: 99999;
    left: 0px;
    top: 0px;
    filter: alpha(opacity=80);
    text-align: center;
}
</style>
<script type="text/javascript">
var o;
function showMask() {
    o = document.getElementById("mask");
    o.style.visibility = "visible";
    o.style.height = window.screen.availHeight;
    o.style.width = window.screen.availWidth;

   o.style.zIndex = 10000;
    o.style.display = 'block';
o.style.position = 'absolute';
    o.style.filter = "alpha(opacity:50)";
   o.style.KHTMLOpacity = 0.5;
    o.style.MozOpacity = 0.5;
o.style.opacity = 0.5;
    o.style.background = '#ccc';

}
function closeMask() {
    o = document.getElementById("mask");
    o.style.visibility = "hidden";
}
</script>
</head>
<body>
<div id="mask" style="padding-top:20%" ><input type="button" value="close"  />
Loading...
</div>
<input type="button" value="showMask"  />
</body>
</html>

		自动登录	找回密码
密码			立即注册

js实现 load mask

浏览过的版块