`

js实现 load mask

JavaScriptCSSHTML 
阅读更多

<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" onclick="closeMask()" />
Loading...
</div>
<input type="button" value="showMask" onclick="showMask()" />
</body>
</html>

分享到：
| Java字符串 String
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics