Jquery实现遮罩

HTML

CSS

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

根据实际情况进行设置。z-index为遮罩的层级,小于遮罩层级的将会被遮盖。opacity为IE下遮罩透明度,-moz-opacity为火狐浏览器下遮罩透明度设置。

JQuery

function showMask(){
    $("#mask").css({"height":$(document).height(),"width":$(document).width()});      
    $("#mask").show();
}

function hideMask(){
    $("#mask").hide();
}

 showMask显示遮罩、hideMask隐藏遮罩。

 

你可能感兴趣的:(JavaScript,JQuery)