<html>
<head>
<title>弹出窗口效果</title>
<style>
.black_overlay{display:none;position:absolute;top:0%;left:0%;width:100%;height:100%;background-color: black;z-index:1001; -moz-opacity: 0.8;opacity:.80;filter:alpha(opacity=80);}
.www {display:none;position:absolute;top:25%;left: 25%;width:50%;height:50%;padding:16px;border:16px solid orange;background-color: white;z-index:1002;overflow:auto;}
</style>
</head>
<body>
<p><a href="javascript:void(0)" onclick="document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">点击这里弹出窗口</a></p>
<div id="light" class="www">
www.cjw123.com<br/>可以设置公告内容，或者打赏内容。
<a href="javascript:void(0)" onclick="document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'">
关闭</a></div>
<div id="fade" class="black_overlay">
</div>
</body>
</html>
