在asp.net怎么做一个像这样的模态窗口

小弟在此大谢啦。最好写点代码啦。... 小弟在此大谢啦。
最好写点代码啦。展开

 我来答

3个回答

#热议# 空调使用不当可能引发哪些疾病？

ShiftShing
2009-05-06 · TA获得超过836个赞

知道小有建树答主

回答量：375

采纳率：0%

帮助的人：0

我也去答题访问个人页

关注

展开全部

主要用的应该是CSS的遮照效果

比如
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style type="text/css">
html,body{margin:0px; padding:0px; text-align:center; font-size:12px; height:100%; line-height:100%; background-image:url(images/bg.jpg); background-repeat:no-repeat; }
html,body div{border:0px; margin-left:auto; margin:auto;}

#mask{width:100%; height:100%; line-height:100%; background-color:Black;filter:alpha(opacity=40); opacity:.4; position:absolute; left:0px; right:0px; display:none; }
#clear{width:100%px; height:10%; float:left;}
#text{width:500px; height:300px; float:left; background-color:#9933FF; margin:10px; 0 0 10px;}
.show{filter:alpha(opacity=40); opacity:.4;}
.hidden{filter:alpha(opacity=100; opacity:1;}
</style>
<script type="text/javascript">
function showss(){
document.getElementById("mask").style.display="block";
}
</script>

<title>无标题文档</title>
</head>

<body>
<div id="mask">

<div id="clear"></div>
</div>
<div id="text"><a href="#" onclick="showss()">点我</a></div>
</body>
</html>

窗体你就根据需要修改就好了。

已赞过 已踩过<

评论收起

百度网友dc91b32
2009-05-06 · TA获得超过5650个赞

知道大有可为答主

回答量：5653

采纳率：0%

帮助的人：0

我也去答题访问个人页

关注

展开全部

微软的asp.net ajax扩展包有控件可以做，

已赞过 已踩过<

评论收起

马啸软硬件解答
2009-05-05 · TA获得超过169个赞

知道小有建树答主

回答量：117

采纳率：100%

帮助的人：79.3万

我也去答题访问个人页

关注

展开全部

这个效果是javascript做的
以下是模态窗体的方法
function ModalDialog(name,divid,width,height,leftop,topop,color)
        {
            this.name=name;//名称
            this.div=divid;//要放入窗体中的元素名称
            this.width=width;//窗体高
            this.height=height;//窗体宽
            this.leftop=leftop;//左侧位置
            this.topop=topop;//上部位置
            this.color=color;//整体颜色
            this.show=function()//显示窗体
            {
                document.all(obj.name+"_divshow").style.width=obj.width;
                document.all(obj.name+"_divshow").style.height=obj.height;
                document.all(obj.name+"_divshow").style.left=obj.leftop;
                document.all(obj.name+"_divshow").style.top=obj.topop;
                document.all(obj.name+"_mask").style.width=document.body.clientWidth;
                document.all(obj.name+"_mask").style.height=document.body.clientHeight;
                document.all(obj.name+"_divshow").style.visibility="visible";
                document.all(obj.name+"_mask").style.visibility="visible";
            }
            
            this.close=function()//关闭窗体
            { 
                document.all(obj.name+"_divshow").style.width=0;
                document.all(obj.name+"_divshow").style.height=0;
                document.all(obj.name+"_divshow").style.left=0;
                document.all(obj.name+"_divshow").style.top=0;
                document.all(obj.name+"_mask").style.width=0;
                document.all(obj.name+"_mask").style.height=0;
                document.all(obj.name+"_divshow").style.visibility="hidden";
                document.all(obj.name+"_mask").style.visibility="hidden";         
            }
            
            this.toString=function()
            {
                var tmp="<div id='"+this.name+"_divshow' style='position:absolute; left:0; top:0;z-index:10; visibility:hidden;width:0;height:0'>";
                tmp+="<table cellpadding=0 cellspacing=0 border=0 width=100% height=100%>";
                tmp+="<tr height=28>";
                tmp+="<td bgcolor='"+obj.color+"' align=right colspan=3>";
                tmp+="</td>";
                tmp+="</tr>";
                tmp+="<tr>";
                tmp+="<td bgcolor='"+obj.color+"' width=2></td>";
                tmp+="<td bgcolor=#ffffff id='"+this.name+"_content' valign=top> </td>";
                tmp+="<td bgcolor='"+obj.color+"'width=2></td>";
                tmp+="</tr>";
                tmp+="<tr height=2><td bgcolor='"+obj.color+"' colspan=3></td></tr>"
                tmp+="</table>";
                tmp+="</div>";
                tmp+="<div id='"+this.name+"_mask' style='position:absolute; top:0; left:0; width:0; height:0; background:#666; filter:ALPHA(opacity=60); z-index:9; visibility:hidden'></div>";
            
                document.write(tmp);
                document.all(this.name+"_content").insertBefore(document.all(this.div));
            }
             var obj=this;
        }


本回答被提问者采纳






已赞过已踩过<

你对这个回答的评价是？
评论收起

1条折叠回答

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

在asp.net怎么做一个像这样的模态窗口

其他类似问题

为你推荐：