我想在jsp页面里弹出一个层用dialog 如何实现 要简单代码

如题所述

jsp中可以利用div+css来实现dialog弹出:
CSS代码如下:
#div
{
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
z-index:999;
}
#div .layer
{
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
z-index:1000;
background: gray;
filter:alpha(opacity=60);
-moz-opacity: 0.6; /*Firefox私有,透明度50%*/
opacity: 0.6; /*其他,透明度50%*/
}
#div #center
{
position: absolute;
left: 200px;
right: 200px;
top: 70px;
bottom: 400px;
width:170px;
background:rgb(255,255,255);
margin:100px auto;
padding:60px 100px 100px 100px;
z-index: 1001;
}

DIV代码如下:
<div id="div" style="display:none">
<div class="layer">
</div>
<div id="center">
点我弹出:
</div>
</div>
温馨提示:内容为网友见解,仅供参考
第1个回答  2010-06-03
dialog是弹出新窗口,弹出层只要把div设置成隐藏,然后在需要弹出的时候把div设置成可见就可以了。

<div id="d1" style="display:none"><div>

需要弹出的时候用 document.getElementById("d1").style.display='block';
第2个回答  2010-06-17
这里有一个类似的弹出层效果
可以试试

参考资料:http://www.blueidea.com/common/shoutbox/redir.asp?9=y&id=11421

本回答被提问者采纳
相似回答