【实用随记】JQuery蒙版弹出框

 函数loadPopup() 使弹出框和蒙版渐出（渐出后修改popupStatus 的值 相当于flag ）

disablePopup()  渐隐

centerPopup() 计算窗口高宽 给弹出框定位

//蒙版和弹出框初始display:none

var popupStatus = 0;

            function loadPopup(){
                if(popupStatus==0){
                    $("#backgroundPopup").css({
                        "opacity": "0.5"
                    });
                    $("#backgroundPopup").fadeIn("slow");
                    $("#popupContact").fadeIn("slow");
                    popupStatus = 1;
                }
            }


            function disablePopup(){
                if(popupStatus==1){
                    $("#backgroundPopup").fadeOut("slow");
                    $("#popupContact").fadeOut("slow");
                    popupStatus = 0;
                }
            }


            function centerPopup(){
                var windowWidth = document.documentElement.clientWidth;
                var windowHeight = document.documentElement.clientHeight;
                var popupHeight = $("#popupContact").height();
                var popupWidth = $("#popupContact").width();
                $("#popupContact").css({
                    "position": "fixed",
                    "top": windowHeight/2-popupHeight/2,
                    "left": windowWidth/2-popupWidth/2
                });


                $("#backgroundPopup").css({
                    "height": windowHeight
                });


            }




            $(document).ready(function(){


                $("#button").click(function(){
                    centerPopup();
                    loadPopup();
                });


                $("#backgroundPopup").click(function(){
                    disablePopup();
                });
                $(document).keypress(function(e){
                    if(e.keyCode==27 && popupStatus==1){
                        disablePopup();
                    }
                });


            });