弹出层有遮罩

popUp(el){

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

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

    $(<div id="zhezhao"><div/>').css({

         "position":"absolute",

         "width":width,

         "height":height,

         "background-color":"black",

         "top":"0",

          "left":"0",

          "z-index":"100"

    }).appendTo("body");

 

     var popHeight = $(el).height();

     var popWidth = $(el).width();

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

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

     var scrollTop = $(document).scrollTop();

 

     $(el).show().css({

        "position":"absolute",

         "top":(clientHeight/2) - popHeight + scrollTop,

          "left":clientWidth/2 - popWidth/2,

          "z-index":"1000"

     })

}