日期:2014-05-16  浏览次数:20399 次

js弹出层垂直水平局中

function Off_shelf(show_div,bg_div){
document.getElementById(show_div).style.display='block';
document.getElementById(bg_div).style.display='block' ;
var bgdiv = document.getElementById(bg_div);
bgdiv.style.width = document.body.scrollWidth;
$("#"+bg_div).height($(document).height());
};
//关闭弹出层
function CloseDiv(show_div,bg_div){
document.getElementById(show_div).style.display='none';
document.getElementById(bg_div).style.display='none';
};


谢谢啦.

------解决方案--------------------
引用:
Quote: 引用:



function Off_shelf(show_div,bg_div){
document.getElementById(show_div).style.display='block';
document.getElementById(bg_div).style.display='block' ;
var bgdiv = document.getElementById(bg_div);
bgdiv.style.width = document.body.scrollWidth;
//$("#"+bg_div).height($(document).height());  高度你最好有固定的高度
var el=$("#"+bg_div);
// 没有绝对定位,加position: absolute
el.css('top':($(document).height()- el.height())>>1);


};
//关闭弹出层
function CloseDiv(show_div,bg_div){
document.getElementById(show_div).style.display='none';
document.getElementById(bg_div).style.display='none';
};





没有引用Jquery 怎么写.


function Off_shelf(show_div,bg_div){
document.getElementById(show_div).style.display='block';
document.getElementById(bg_div).style.display='block' ;
var bgdiv = document.getElementById(bg_div);
bgdiv.style.width = document.body.scrollWidth;
//$("#"+bg_div).height($(document).height());  高度你最好有固定的高度
var el=document.getElementById(bg_div);

// 没有绝对定位,加position: absolute
el.style.top=((document.documentElement.offsetHeight + el.offsetHeight)>>1) +'px';
//el.css('top':($(document).height()- el.height())>>1);
 
};

------解决方案--------------------
你直接在css 中设置好居中 ,应该方便吧。