JS弹出层在当前屏幕中间

JS控制隐藏的DIV弹出,并且显示在当前屏幕的正中央,如何实现... JS控制隐藏的DIV弹出,并且显示在当前屏幕的正中央,如何实现 展开
 我来答
神天行建
推荐于2016-03-01 · TA获得超过185个赞
知道小有建树答主
回答量:134
采纳率:0%
帮助的人:0
展开全部
手打加亲测 希望对你有用

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html >

<style>
#test_f{
position:relative;
width:250px;
margin:0 auto;
}
}
#test{
width:250px;
top:250px;
position:absolute;
background:blue;
}
</style>
<script>
function show(){
if(document.getElementById("test").style.display=='none') {
document.getElementById("test").style.display="";
document.getElementById("btn").value="点击隐藏";
}else{
document.getElementById("test").style.display="none";
document.getElementById("btn").value="点击显示";
}
}
</script>
<body >
<input type="button" onclick="show()" value="点击显示" id="btn" />
<div id="test_f" >

<div id="test" style="display:none;">
我在中间
</div>
<div>
</body>
</html>
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
laverju
2010-08-21 · TA获得超过417个赞
知道小有建树答主
回答量:367
采纳率:0%
帮助的人:254万
展开全部
2步

1:设置div居中

设置为浮动层

2:利用CSS设置隐藏和显示
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式