弹窗垂直水平居中

方法一：

1. //控制弹窗水平垂直居中
2. var win_width=parseInt(document.body.clientWidth)/2-400; //400为弹窗的宽度的一半
3. var win_heigth=parseInt(document.body.clientHeight)/2-250; //250为弹窗高度的一半
4. $(".windowshow").css({"left":win_width+"px","top":win_heigth+"px"}); //.windowshow为弹窗的class

方法二：

1. /*改变提示框的位置，居中*/
2. function divCenter(divObj) {
3. var width = $(divObj).width();
4. var height = $(divObj).height();
5. $(divObj).css("margin","-"+(height+4)/2+"px 0px 0px -"+width/2+"");
6. }

该方法是封装好的，只需要在调用弹窗的地方调用该方法，并传对象（要居中的弹窗对象）即可。如下：

divCenter（$(". windowshow ")）；

1. .windowshow {
2. width: 800px;
3. height: 500px;
4. position: absolute;
5. border-top: 5px solid #398FC7;
6. left: 50%;
7. top: 50%;
8. margin: 0,0,0,0;
9. background: #fff;
10. z-index: 1001;
11. }

建议使用第二种方法。