页面点击按钮后出现遮罩层，遮罩层上面有其他内容可显示，包含关闭遮罩层按钮

关闭遮罩层

5星 · 超过95%的资源需积分: 46 124 下载量 73 浏览量 2014-06-04 16:19:06 上传评论收藏 1KB TXT 举报

温馨提示

试读

3页

点击按钮弹出悬浮层，层上有数据且可以关闭页面点击按钮后出现遮罩层，遮罩层上面有其他内容可显示，包含关闭遮罩层按钮。需要显示详情，但是不想从新写一个页面。所以选择弹出层，一层遮罩层，一层显示详情层，遮罩层的好处可以让用户在看详情的时候不能操作页面其他位置，防止页面出现错误。

资源推荐

资源详情

资源评论

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<script>
function showdiv() {
document.getElementById("allDiv").style.display = "block";
}
function hidediv() {
document.getElementById("allDiv").style.display = 'none';
}
</script>
</head>

<body >
<div style="background:url(http://img7.9158.com/200708/10/09/18/200708103758836.jpg);">

<div style="height:10000px; ">1<br>
1<br><a href="#">aaa</a>
<input id="Button1" type="button" value="button" onclick="showdiv();" />

1<br>
1<br>
1<br>
1<br>
1<br>
1<br>
1<br>

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余2页未读，立即下载

评论收藏

内容反馈

资源评论