时间:2016-01-22 11:04 来源: 我爱IT技术网 作者:佚名
本文所分享的知识点是【js实现弹出窗口、页面变成灰色并不可操作的例子分享】，欢迎您喜欢我爱IT技术网所分享的教程、知识、经验或攻略，下面是详细的讲解。
js实现弹出窗口、页面变成灰色并不可操作的例子分享
<html>
<head>
<title>弹出一个窗口后，后面的层不可操作</title>
<script>
function show() //显示隐藏层和弹出层
{
var hideobj=document.getElementById("hidebg");
hidebg.style.display="block"; //显示隐藏层
hidebg.style.height=document.body.clientHeight+"px"; //设置隐藏层的高度为当前页面高度
document.getElementById("hidebox").style.display="block"; //显示弹出层
}
function hide() //去除隐藏层和弹出层
{
document.getElementById("hidebg").style.display="none";
document.getElementById("hidebox").style.display="none";
}
</script>
<style>
body { margin:0px;padding:0px;text-align: center;}
#hidebg { position:absolute;left:0px;top:0px;
background-color:#000;
width:100%;
filter:alpha(opacity=60);
opacity:0.6;
display:none;
z-Index:2;}
#hidebox { position:absolute;width:400px;height:300px;top:200px;left:30%;background-color:#fff;display:none;cursor:pointer;z-Index:3;}
#content { text-align:center;cursor:pointer;z-Index:1;}
</style>
</head>
<body>
<div id="hidebg"></div>
<div id="hidebox" onClick="hide();">点击关闭</div>
<div id="content" onClick="show();">点击试试</div>
</body>
</html>
关于js实现弹出窗口、页面变成灰色并不可操作的例子分享的相关讨论如下：
相关问题：JS高手请进，如何实现网页弹出框后背景灰掉不能滑...
答：试试在弹出对话框后，将body的高设置为100%，overflow设置为hidden。 >>详细
相关问题：提问：js如何弹出子窗口并父窗口不能操作
答：showmodaldialog:模式窗口, 一种很特别的窗口,当它打开时,后面的父窗口的活动会停止,除非当前的模式子窗口关闭了, 才能操作父窗口.在做网页ajax开发时,我们应该有时会用到它来实现表单的填写, 或做类似网上答题的窗口. 它的特点是,传参很方便也... >>详细
相关问题：js实现弹出登陆，背景变暗不可操作，但是怎样设置...
答：先看看你的引用的id对不对，然后你将你注释的top:0 px;left:0 px;去掉看看！ >>详细
- 评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
-