弹出层在屏幕中央【转】
利用JQ,俺写的一个小功能,万试万灵:
$("a").click(function(e){
e.preventDefault();
var o=$("#id");
var itop=(document.documentElement.clientHeight-o.height())/2+document.documentElement.scrollTop+document.body.scrollTop;
var ileft=(document.documentElement.clientWidth-o.width())/2+document.documentElement.scrollLeft+document.body.scrollLeft;
o.css({
position:"absolute",
top:itop+"px",
left:ileft+"px"
}).show();
});
注:document.documentElement.scrollTop和document.documentElement.scrollLeft为IE和FF下使用;
document.body.scrollTop和document.body.scrollLeft为chrome下使用
$("a").click(function(e){
e.preventDefault();
var o=$("#id");
var itop=(document.documentElement.clientHeight-o.height())/2+document.documentElement.scrollTop+document.body.scrollTop;
var ileft=(document.documentElement.clientWidth-o.width())/2+document.documentElement.scrollLeft+document.body.scrollLeft;
o.css({
position:"absolute",
top:itop+"px",
left:ileft+"px"
}).show();
});
注:document.documentElement.scrollTop和document.documentElement.scrollLeft为IE和FF下使用;
document.body.scrollTop和document.body.scrollLeft为chrome下使用