Question

如何制作点击超链接弹出div？

弹出div以后，原来的页面是不能操作的，只能操作这个div上的东西，并且原来的页面颜色变的有些暗淡

Answer 1

先将隐藏的div 设置为 style="display:none"
用JS调用
给段示例：
<a href="" onclick="show()">
<div id="test" style="display:none">
XXXXXXX(内容)
</div>
<script>
function show()
{
if (document.getelementbyid('test').display == "none") //展开
{
document.getelementbyid('test').display = ""; (展开)
}
else //隐藏
{
document.getelementbyid('test').display = "none"; (隐藏)
}
}
</script>

Answer 2

<div id="" class="shade" style="
background-color: Gray;
left: 0px;
opacity: 0.1;
position: absolute;
top: 0px;
z-index: 93;
width: 100%;
height: 1100px;
-moz-opacity: 0.1; /* Mozilla */
-khtml-opacity: 0.1; /* Safari */
filter: alpha(opacity = 10); /* IE6 */
"></div>

<div id="" class="" style="
width: 500px;
left: 50%;
top: 180px;
margin-left: -250px;
border: solid 0px #ccc;
z-index: 99;
background: #777777;
padding: 5px 10px 10px 10px;
position: absolute;
text-align: center;
-wbkit-border-radius: .3em;
-moz-border-radius: .3em;
border-radius: .3em;
-webkit-box-shadow: 0px 50px 100px #000000;
-moz-box-shadow: 0px 50px 100px #000000;
box-shadow: 0px 50px 100px #000000;
display: none;
">

通过 js 设置两个div 的 display 属性来显示或隐藏

Answer 3

加遮罩层，网上搜下js一大堆，附件有一个简单的弹层遮罩（chrome下没问题，其他浏览器可能没做兼容）

Answer 4

需要下一个JS 文件

追问

可以详细点吗？最好贴点代码过来，我直接就能用