页面遮罩层实现

原创
2016/01/09 02:31
阅读数 33

第一步:在页面中添加样式

#mask {
    position: absolute; top: 0px; filter: alpha(opacity=60); background-color: #777;     
    z-index: 1002; left: 0px;     
    opacity:0.5; -moz-opacity:0.5;     
}


第二步:页面中添加一个div

<div id="mask"></div>


第三步:控制遮罩层显示或隐藏

// 显示遮罩层
function showMask() {
   $("#mask").css("height", $(document).height());
   $("#mask").css("width", $(document).width());
   $("#mask").show();
}

// 隐藏遮罩层
function hideMask() {
   $("#mask").hide();
}


展开阅读全文
打赏
1
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
1
分享
返回顶部
顶部