level 9
效果:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>
居中的半透明弹出层
</title>
<link rel="stylesheet" href="style.css" />
<script language="javascript" type="text/javascript">
function showDiv() {
document.getElementById('popDiv').style.display = 'block';
document.getElementById('bg').style.display = 'block';
}
function closeDiv() {
document.getElementById('popDiv').style.display = 'none';
document.getElementById('bg').style.display = 'none';
}
</script>
</head>
<body>
<div id="popDiv" class="mydiv" style="display:none;">
世界，你好，我来了！
<a href="javascript:closeDiv()">
关闭窗口
</a>
</div>
<div id="bg" class="bg" style="display:none;"></div>
<a href="javascript:showDiv()">点击这里弹出层</a>
<script>
for(var i=0;i<100;++i) document.write("<p>弹出层测试</p>");
</script>
</body>
</html>
2013年10月03日 06点10分