我想在jsp页面里弹出一个层用dialog 如何实现 要简单代码
2015-12-14 · 做真实的自己 用良心做教育
千锋教育
千锋教育专注HTML5大前端、JavaEE、Python、人工智能、UI＆UE、云计算、全栈软件测试、大数据、物联网+嵌入式、Unity游戏开发、网络安全、互联网营销、Go语言等培训教育。
向TA提问
关注
![]()
展开全部
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>
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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
dialog是弹出新窗口，弹出层只要把div设置成隐藏，然后在需要弹出的时候把div设置成可见就可以了。
<div id="d1" style="display:none"><div>
需要弹出的时候用 document.getElementById("d1").style.display='block';
<div id="d1" style="display:none"><div>
需要弹出的时候用 document.getElementById("d1").style.display='block';
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这里有一个类似的弹出层效果
可以试试
可以试试
参考资料： http://www.blueidea.com/common/shoutbox/redir.asp?9=y&id=11421
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
