当用户鼠标点击按钮后弹出一个对话框窗口，整个网页的背景变灰且无法操作，根据自己的需求来修改。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
<meta name="keywords" content="武鸣人网站,武鸣信息网,武鸣本地网,武鸣信息资源平台,减肥,健身,励志,励志语录,js特效,网页特效,www.wuming.ren">
<meta name="description" content="欢迎来到武鸣人信息资源平台，各种信息免费发布，资源共享合作共赢，分享互联网流行的励志语录经典短句，减肥健身健康小常识及打卡记录，收集各种js特效代码。">
<title>点击按钮弹出对话框背景变灰效果_武鸣人</title>
<style type="text/css">
<!--
.style1 {
font-size: 12px;
}
a:link {
color: #FFFFFF;
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
-->
</style>
<script language="javascript">
function locking(){
document.all.wuming_ren.style.display="block";
document.all.wuming_ren.style.width=document.body.clientWidth;
document.all.wuming_ren.style.height=document.body.clientHeight;
document.all.www_wuming_ren.style.display='block';
}//武鸣人网站https://www.wuming.ren 网站很好记住，wuming.ren(武鸣拼音.ren域名后缀)
function Lock_CheckForm(theForm){
document.all.wuming_ren.style.display='none';document.all.www_wuming_ren.style.display='none';
return false;
}//武鸣人网站https://www.wuming.ren 网站很好记住，wuming.ren(武鸣拼音.ren域名后缀)
</script>
</head>
<body>
<a href="https://www.wuming.ren">武鸣人</a>，各种信息资源免费发布，分享励志语录经典短句，减肥健身常识，各种js特效代码。网站很好记住，wuming.ren(武鸣拼音.ren域名后缀)<hr>
<!--欢迎来到武鸣人信息资源平台，各种信息免费发布，资源共享合作共赢，分享互联网流行的励志语录经典短句，减肥健身健康小常识及打卡记录，收集各种js特效代码。-->
<script type="text/javascript" src="https://www.wuming.ren/ad/tc.js"></script>
<script type="text/javascript" src="https://www.wuming.ren/ad/a.js"></script>
<p align="center"><input type="button" value="弹出窗口" onClick="locking();"></p>
<div id="wuming_ren" style="position:absolute;top:0px;filter:alpha(opacity=60);background-color:#777;z-index:2;left:0px;display:none;"></div>
<!--浮层框架开始-->
<div id="www_wuming_ren" align="center" style="position:absolute;z-index:3;left:expression((document.body.offsetWidth-540)/2);top:expression((document.body.offsetHeight-170)/10);background-color:#fff;display:none;">
<table width="540" height="300" border="0" cellpadding="0" cellspacing="0" style="border:0 solid #e7e3e7;border-collapse:collapse;">
<tr>
<td style="background-color:#73A2d6;color:#fff;padding-left:4px;padding-top:2px;font-weight:bold;font-size:12px;" height="10" valign="middle"><div align="right"><a href="JavaScript:;" class="style1" onClick="Lock_CheckForm(this);">[关闭]</a></div></td>
</tr>
<tr>
<td height="130" align="center">武鸣人<br />各种信息免费发布！</td>
</tr>
</table>
</div>
<!--浮层框架结束-->
</body>
</html>本文来自武鸣人网站，转载请注明出处