JavaScript的mask遮罩层

<style type="text/css">
.dialogBox{width: 55%;color: #fff;background-color: #323232;position: absolute;border-radius: 10px;z-index:3000;min-width: 176px;max-width: 352px;display: none;font-family: 'microsoft yahei';}
.dialogBox_main{font-size: 16px;padding: 20px 0;border-bottom: 1px solid #fff;margin: 0 20px;}
.dialogBox li a{color: #fff;font-size: 22px;font-family: 'microsoft yahei';display: block;}
.dialogBox li{text-align: center;padding: 10px 0;width: 100%;float: left;}
.dialogBox .two_btn li{width:50%; }
.dialogBox .two_btn li a{border-right: 1px solid #fff;}
.dialogBox .two_btn li:last-child a{border-right: 0;}
#mask { display: none;background: #000; opacity: 0.40; width: 100%;position: fixed;left: 0; top: 0;z-index: 2999;}
</style>

<!-- 弹框 -->

<div class="dialogBox" id="dialogBox">

    <div class="dialogBox_main">请输入姓名！</div>

    <ul class="clearfix">

      <li><a href="javascript:;" class="" οnclick="mask.hide('dialogBox')">确认</a></li>

      <!-- <li><a href="javascript:;" class="" οnclick="mask.hide('dialogBox')">取消</a></li> -->

    </ul>

</div>

    <script>

   //弹出蒙板层显示弹框

    var mask = {

        show:function(id){

            $("#mask").remove();

            $("body").append("<div id='mask'></div>");

            var maskHeight=$("body").height();

            if (maskHeight<document.documentElement.clientHeight) {

                maskHeight = document.documentElement.clientHeight;

            }

            $("#mask").height(maskHeight);

            setTimeout(function(){

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

                $("#"+id).show();

                moveit(id);

            },0);

        },

        hide:function(id){

            $("#mask").hide().remove();

            $("#"+id).hide();

        }

    };

    //调整弹框屏幕居中位置

    function moveit(id)

    {

        var marginleft = -($("#"+id).width()/2);

        var marginheight = -($("#"+id).height()/2);

        // var top =  ($(window).height())/2;//fixed

        var top =  ($(window).height())/2+$(window).scrollTop() ;//absolute

        var left = ($(window).width())/2 ;

        $("#"+id).css({

            'margin-left': marginleft,

            'margin-top': marginheight,

            'top': top,

            'left': left

        });

    };

========================================================================================

如何使用：     
    $('#dialogBox .dialogBox_main').text('请输入用户名！');
    setTimeout(function(){
        mask.show('dialogBox')
    },0)