Question

HTML中如何用DIV+CSS+javascript模拟实现模态窗口的弹出？

或者说是用DIV+CSS+javascript实现锁屏的功能

Answer 1

javascripot div登陆提示框(页面层不可用) http://blog.csdn.net/chinmo/archive/2008/04/20/2308911.aspx

Answer 2

<style type="text/css">
<!--
#ap {
position:absolute;
z-index:1; left: 400px;
top: 140px;
background-color: #DAF5FC;
border: 1px solid #00CCFF;
display:none;
}
#qp{
position:absolute;
z-index:1;
filter:alpha(opacity=60);
width:100%;
height:100%;
background-color: #eeeeee;
display:none;
}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
-->
</style>
<div id="qp"></div>
<div id="ap">
<div align="right" style="background-color:#0099CC">
<a href="javascript:" onclick="closediv();">关闭</a>
</div>
</div>
<p>
<input type="button" onclick="acdiv();" value="确定" />
<p>
<p>
<script language="javascript">
i=1;
function acdiv()
{
qp.style.display='block';
ap.style.display='block';
if(i<15){
i++;
ap.style.width=2*i*i;
ap.style.height=1.1*i*i;
ap.style.left=20*i;
ap.style.top=10*i;
var timer = setTimeout("acdiv()",1);
}

}
function closediv()
{
ap.style.display='none';
qp.style.display='none';
i=0;
} </script>
这是我自已写的