div 垂直居中显示

div 垂直居中显示


<div id="popbox_sw" class="popbox_sw" style="display:none;position:absolute;z-index:100; border:solid 1px #79BCFF; background-color: #EEF2FB;">
<div class="popupheader"><i18n:message key="cert.assigncertsum.title.submit.result.title" bundle="<%=bundle%>" /><div class="closebutton" onClick="closewindow();">
<i18n:message key="cert.assigncertsum.title.submit.result.close" bundle="<%=bundle%>" /> 
<html:img src="GSHPICON_CLOSE.gif" onClick="closewindow();" /></div></div>
<div class="popcontent_il">
<ul>
<li><i18n:message key="cert.assigncertsum.title.submit.result.content" bundle="<%=bundle%>" /></li>
</ul>
</div>

<script language="JavaScript">
function showWindow(){
mask=document.createElement("div");
var W=$(document).width();
var H=$(document).height();
mask.id="mask";
mask.style.cssText="position:absolute;z-index:99;width:"+W+"px;height:"+H+"px;background:#000;filter:alpha(opacity=30);opacity:0.3;top:0;left:0;";
document.body.appendChild(mask);
var o = document.getElementById("popbox_sw");
o.style.display="block";
}

function closewindow(){
document.getElementById("popbox_sw").style.display = "none";
var node = document.getElementById("mask");
document.body.removeChild(node);
}

</script>

<script>
(function($){
$(function(){
function keywordCheck(){
var screenx = $(window).width();
var screeny = $(window).height();
var checkx = (screenx - $('#popbox_sw').width())/2;
var checky = (screeny - $('#popbox_sw').height())/2;
$('#popbox_sw').css({top: checky + "px",left: checkx + "px"});
}
$(document).ready(function(){
keywordCheck();
});
$(window).resize(function(){
keywordCheck();
});
});
})(jQuery);
</script>