方法一:
//控制弹窗水平垂直居中
var win_width=parseInt(document.body.clientWidth)/2-400; //400为弹窗的宽度的一半
var win_heigth=parseInt(document.body.clientHeight)/2-250; //250为弹窗高度的一半
$(".windowshow").css({"left":win_width+"px","top":win_heigth+"px"}); //.windowshow为弹窗的class
方法二:
/*改变提示框的位置,居中*/
function divCenter(divObj) {
var width = $(divObj).width();
var height = $(divObj).height();
$(divObj).css("margin","-"+(height+4)/2+"px 0px 0px -"+width/2+"");
}
该方法是封装好的,只需要在调用弹窗的地方调用该方法,并传对象(要居中的弹窗对象)即可。如下:
divCenter($(".windowshow"));
.windowshow {
width: 800px;
height: 500px;
position: absolute;
border-top: 5px solid #398FC7;
left: 50%;
top: 50%;
margin: 0,0,0,0;
background: #fff;
z-index: 1001;
}
建议使用第二种方法。