JS创建DIV层始终居中问题
varnewDiv=document.createElement("div");//创建DIV层newDiv.id="Div层";//定义idnewDiv.style.p...
var newDiv=document.createElement("div");//创建DIV层
newDiv.id="Div层";//定义id
newDiv.style.position="absolute";//绝对对齐
newDiv.style.display=="block"
newDiv.style.zIndex = "9999";
newDiv.style.width = Qwidth + "px";
newDiv.style.height = Qheight + 30 + "px";
newDiv.style.left = (document.body.clientWidth-Qwidth)/2+"px";
newDiv.style.top= (document.documentElement.clientHeight-newDiv.clientHeight)/2+(document.body.scrollTop+document.documentElement.scrollTop)-Qheight/2+"px";
left居左和top头部的写法能随屏幕大小来自动适应居中估计就完美了
无奈搜了很多也没搜查出应该怎么写，求帮助啊
先谢谢了！
我的构思是根据图片大小弹出层，这个层宽度和高度取决于图片的宽高，然后在屏幕中间显示出来，遮罩层代码贴不出来，就不贴了。现在关键是这个层能跟随屏幕大小而一直居中的问题。不知道怎么判断屏幕是全屏还是窗口化 展开
newDiv.id="Div层";//定义id
newDiv.style.position="absolute";//绝对对齐
newDiv.style.display=="block"
newDiv.style.zIndex = "9999";
newDiv.style.width = Qwidth + "px";
newDiv.style.height = Qheight + 30 + "px";
newDiv.style.left = (document.body.clientWidth-Qwidth)/2+"px";
newDiv.style.top= (document.documentElement.clientHeight-newDiv.clientHeight)/2+(document.body.scrollTop+document.documentElement.scrollTop)-Qheight/2+"px";
left居左和top头部的写法能随屏幕大小来自动适应居中估计就完美了
无奈搜了很多也没搜查出应该怎么写，求帮助啊
先谢谢了！
我的构思是根据图片大小弹出层，这个层宽度和高度取决于图片的宽高，然后在屏幕中间显示出来，遮罩层代码贴不出来，就不贴了。现在关键是这个层能跟随屏幕大小而一直居中的问题。不知道怎么判断屏幕是全屏还是窗口化 展开
1个回答
展开全部
<!DOCTYPE html>
<html>
<head>
<title></title>
<script type="text/javascript">
//定义创建DIV函数
function createDiv(iWidth, iHeight) {
var oDiv = document.createElement("DIV");
with (oDiv.style) {
width = iWidth + "px";
height = iHeight + "px";
position = "absolute";
left = "50%";
top = "50%";
marginLeft = -(iWidth / 2) + "px";
marginTop = -(iHeight / 2) + "px";
zIndex = 9999;
//测试给他加个背景
backgroundColor = "#f00";
}
return oDiv;
}
window.onload = function () {
//调用
var oDiv = createDiv(500, 200);
//放到BODY里面
document.body.appendChild(oDiv);
}
</script>
</head>
<body>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
