<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
<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.zzjs_net.style.display="block";
document.all.zzjs_net.style.width=document.body.clientWidth;
document.all.zzjs_net.style.height=document.body.clientHeight;
document.all.www_zzjs_net.style.display='block';
}
function Lock_CheckForm(theForm){
document.all.zzjs_net.style.display='none';document.all.www_zzjs_net.style.display='none';
return false;
}
</script>
</head>
<body>
<p align="center"><input type="button" value="弹出窗口" onClick="locking();"></p>
<div id="zzjs_net" style="position:absolute;top:0px;filter:alpha(opacity=60);background-color:#777;z-index:2;left:0px;display:none;"></div>
<!--浮层框架开始-->
<div id="www_zzjs_net" 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">文本内容td>
</tr>
</table>
</div>
<!--浮层框架结束-->
</body>
</html>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
<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.zzjs_net.style.display="block";
document.all.zzjs_net.style.width=document.body.clientWidth;
document.all.zzjs_net.style.height=document.body.clientHeight;
document.all.www_zzjs_net.style.display='block';
}
function Lock_CheckForm(theForm){
document.all.zzjs_net.style.display='none';document.all.www_zzjs_net.style.display='none';
return false;
}
</script>
</head>
<body>
<p align="center"><input type="button" value="弹出窗口" onClick="locking();"></p>
<div id="zzjs_net" style="position:absolute;top:0px;filter:alpha(opacity=60);background-color:#777;z-index:2;left:0px;display:none;"></div>
<!--浮层框架开始-->
<div id="www_zzjs_net" 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">文本内容td>
</tr>
</table>
</div>
<!--浮层框架结束-->
</body>
</html>