弹出框设置在页面居中

思路：

　　1.获取当前页面的高和宽、针对顶部和左侧的滑动距离。

　　2.将弹出框的位置设为绝对位置。

      3.设置弹出框针对屏幕的左侧和顶部的距离。

代码：

html ：

　　 <div class="dialog">

　　　......   //模态框内容　　 

　　 </div>

css: .dialog{ position:abosulte;......}

script: var showDialog(){

　　var objW = $(window);

　　var objC = $(".dialog");

　　var brsW = objW.width();

　　var brsH = objW.height();

　　var sclL = objW.scrollLeft();

　　var sclT = objW.scrollTop();

　　var curW = objC.width();

　　var curH = objC.height();

　　var left = scrlL + (brsW - curW)/2;

　　var top = scrlT + (brsH - curH)/2;

　　objC.css("left":left,"top":top);

}

ps:$(window).resize(function(){//页面窗口大小改变事件

　　showDialog();

});