功能:让div显示的时候出现在页面的中间位置。
一、页面对象
<div id="box" style="background:#FF9933; display:none">
<p>内容内容div内容</p>
</div>
<button id="btn1">点击测试</button>
二、代码如下
$(document).ready(function(){
$("#btn1").click(function(){
SetDivCenter("box");
});
function SetDivCenter(GetID)
{
var GetDivID="#"+GetID;
var top = ($(window).height() - $(GetDivID).height())/2;
var left = ($(window).width() - $(GetDivID).width())/2;
var scrollTop = $(document).scrollTop();
var scrollLeft = $(document).scrollLeft();
$(GetDivID).css( { position : 'absolute', 'top' : top + scrollTop, left : left + scrollLeft } ).show(1000);
}
});