html div显示页面中间,Jquery让DIV层在页面中间显示

功能：让div显示的时候出现在页面的中间位置。

一、页面对象

内容内容div内容

点击测试

二、代码如下

$(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);

}

});