62,046
社区成员
发帖
与我相关
我的任务
分享asp.net功能实现
一个table或者gridview之类的控件，用来显示任务信息，点击控件里的链接后，弹出子窗口，背景变灰，如图，怎么实现这种？有没有参考的例子？最好用asp.net实现
...全文
请发表友善的回复…
发表回复
Teln_小凯 2018-05-09
- 打赏
- 举报
div+css 度娘一大堆
<!DOCTYPE html PUBLIC '-//W3C//DTD HTML 4.01 Strict//EN' 'http://www.w3.org/TR/html4/strict.dtd'>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=UTF-8'>
<title>div+css实现弹出层</title>
<style>
#popBox{
position: absolute;
display:none;
width:300px;
height:200px;
left:40%;
top:20%;
z-index:11;
background:#B8F764;
}
#popLayer{
position: absolute;
display:none;
left:0;
top:0;
z-index:10;
background:#DCDBDC;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);/* 只支持IE6、7、8、9 */
}
</style>
<script type="text/javascript">
function popBox(){
var popBox = document.getElementById('popBox');
var popLayer = document.getElementById('popLayer');
popLayer.style.width = document.body.scrollWidth + "px";
popLayer.style.height = document.body.scrollHeight + "px";
popLayer.style.display = "block";
popBox.style.display = "block";
}//end func popBox()
function closeBox(){
var popBox = document.getElementById('popBox');
var popLayer = document.getElementById('popLayer');
popLayer.style.display = "none";
popBox.style.display = "none";
}//end func closeBox()
</script>
</head>
<body>
<input type="button" name="popBox" value="弹出框" onclick="popBox()" />
<div id="popLayer" >
背景层
</div>
<div id="popBox" >
<div><a href="javascript:void(0)" onclick="closeBox()">关闭</a></div>
<div>弹出框</div>
</div>
</body>
</html>
mirrorspace 2018-05-02
- 打赏
- 举报
B/S系统,这样的界面都是JS/CSS/HTML做的
C/S程序是.NET代码做界面也是.NET代码
看这图,就是一个弹出框的方案.是前端解决的.要用JS
guanyelong 2018-05-02
- 打赏
- 举报
layer.js 或 artDialog
ctaosharpzai 2018-04-26
- 打赏
- 举报
js可以搞定呀，弄两个div，一个是背景变灰的DIV1，另一个就是装载弹出来的窗口的DIV2，将DIV2设置的更靠前，当你点击链接时，DIV1和DIV2同时dispaly:block等等
lovebaby 2018-04-26
- 打赏
- 举报
这是纯前端的东西，很多UI库都包含这个，sui/zui/layui，也有单独的弹窗插件，类似的jbox。
