当前位置: 代码迷 >> Web前端 >> div 垂直居中展示
  详细解决方案

div 垂直居中展示

热度:131   发布时间:2012-11-23 00:03:43.0
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%>" />&nbsp;
  <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>


  相关解决方案