首先页面添加一个div，用于遮罩，然后定义样式和JS脚本，需要显示的时候调用openPageLock()，取消显示调用closePageLock()，使用还是很方便的。

<style>
/*页面锁*/
#layout_div_pagelock{
    display:none;
    position:fixed;
    _position:absolute; /* hack for internet explorer 6*/
    height:100%;
    width:100%;
    top:0;
    left:0;
    background:#000000;
    border:1px solid #cecece;
    z-index:50;
}
</style>
<div id="layout_div_pagelock"></div>
<script type="text/javascript">
/*给页面锁设置宽度和高度*/

/*打开页面锁*/
function openPageLock(){
    $("#layout_div_pagelock").css({
            "opacity": "0.04"
        });
    $("#layout_div_pagelock").fadeIn(0);
}
/*关闭页面锁*/
function closePageLock(){
    $("#layout_div_pagelock").fadeOut(0);
}

</script>