JQ遮罩层

//生成遮罩层

    function loadDiv(text) {

        var div = "<div id='_layer_'> <div id='_MaskLayer_' style='filter: alpha(opacity=30); -moz-opacity: 0.4; opacity: 0.4;background-color: #000; width: 100%; height: 100%; z-index: 1000; position: absolute;" + "left: 0; top: 0; overflow: hidden; display: none'></div><div id='_wait_' style='z-index: 1005; position: absolute; width:430px;height:218px; display: none'  ><center>" + '<img src="/Areas/Manage/Scripts/56kong/admin/layout2/img/5-121204193949-51.gif" style="height:10px;"/><div style="color:#FFF;font-weight:bold;font-size:16px;">数据加载中,请稍后……</div></center>';

        return div;

    }

    //显示遮罩层

    function LayerShow(text) {

        var addDiv = loadDiv(text);

        var element = $(document.body).append(addDiv);

        $(window).resize(Position);

        var deHeight = $(document).height();

        var deWidth = $(document).width();

        Position();

        $("#_MaskLayer_").show();

        $("#_wait_").show();

    }

    function Position() {

        $("#_MaskLayer_").width($(document).width());

        var deHeight = $(window).height();

        var deWidth = $(window).width();

        $("#_wait_").css({ left: (deWidth - $("#_wait_").width()) / 2 + "px", top: (deHeight - $("#_wait_").height()) / 2 + "px" });

    }

    //隐藏遮罩层

    function LayerHide() {

        $("#_MaskLayer_").hide();

        $("#_wait_").hide();

        del();

    }

    //删除遮罩层

    function del() {

        var delDiv = document.getElementById("_layer_"); delDiv.parentNode.removeChild(delDiv);

    }

来自为知笔记(Wiz)

转载于:https://www.cnblogs.com/funn0812/p/5284700.html