弹出一个窗口，就像csdn提示节帖时候会弹出的那个！求教..

xuefly09 2008-09-04 05:06:59

如题~~弹出一个子窗口而且不关闭是点不进父窗口的
而且父窗口是暗的，怎么实现应该~？

...全文

85 10 打赏收藏转发到动态举报

写回复

用AI写文章

10 条回复

切换为时间正序

请发表友善的回复…

发表回复

LQknife 2008-09-04

打赏
举报

来顶了

wxg22526451 2008-09-04

打赏
举报

[Quote=引用 5 楼 xuefly09 的回复:]
多谢~~
吃完饭来结帖
顺便问下，有没有不用js用C#的方法..?
[/Quote]
用ajaxToolkit控件 ModalPopupExtender

xuebin_hu 2008-09-04

打赏
举报

頂你一下！

fxxyz 2008-09-04

打赏
举报

学习一下！

Jerry_hu 2008-09-04

打赏
举报

lz可以用SLIVERLIGHT2.0,如果是vs2008的话

xuefly09 2008-09-04

打赏
举报

多谢~~
吃完饭来结帖
顺便问下，有没有不用js用C#的方法..?

yjlove51 2008-09-04

打赏
举报

[Quote=引用 3 楼 changke18 的回复:]
遮罩层效果
总共两个div，一个div宽和高都是100%，一个div是登陆div
HTML code
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Demo</title>
<style type="text/css">
<!--
*{
margin:0;
padding:0;
}
html,body{
height:100%;
}
#shadow{
position:absolute;　
left:0;
top:0;
width:100%;
height:100%;
ba…
[/Quote]

西安风影 2008-09-04

打赏
举报

遮罩层效果
总共两个div，一个div宽和高都是100%，一个div是登陆div

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>Demo</title>

<style type="text/css">

<!--

*{

   margin:0;

   padding:0;

}

html,body{

   height:100%;

}

#shadow{

   position:absolute;　

   left:0;

   top:0;

   width:100%;

   height:100%;

   background-color:#0060C0;

   filter:alpha(opacity=20);

}

#box{

   position:absolute;

   left:50%;

   top:50%;

   width:400px;

   height:180px;

   margin:-90px 0 0 -200px;

   border:1px solid #84A0C4;

   background-color:#DFE8F6;

   text-align:center;

}

-->

</style>

<script language="javascript" type="text/javascript">

<!--

function createDiv()

{

    var btnShow = document.getElementById("btnshow");

    btnShow.disabled=true;



    var shadow = document.createElement("div");

    shadow.setAttribute("id","shadow");

    shadow.style.zIndex="10";



    var box=document.createElement("div");

    box.setAttribute("id","box");

    box.style.zIndex="999";

    

    var spanUser=document.createElement("span");

    spanUser.innerHTML="User:";



    var textUser=document.createElement("input");

    textUser.setAttribute("type","text");

    textUser.setAttribute("id","textUser");



    var button=document.createElement("input");

    button.setAttribute("type","button");

    button.setAttribute("id","button1");

    button.setAttribute("value","Confirm");

    button.onclick=hideDiv;



    box.appendChild(spanUser);

    box.appendChild(textUser);

    box.appendChild(button);



    document.body.appendChild(shadow);

    document.body.appendChild(box);

}

function hideDiv()

{

    var textUser=document.getElementById("textUser");

    var user=document.getElementById("user");

    user.value=textUser.value;



    var box=document.getElementById("box");

    var shadow=document.getElementById("shadow");

    var btnShow=document.getElementById("btnShow");

    

    document.body.removeChild(box);

    document.body.removeChild(shadow);

    btnShow.disabled=false;   

}

-->

</script>

</head>

<body>

<div style="text-align:center">

<input id="user" type="text" />

<input id="btnshow" type="button" onclick="createDiv()" value="Display" />

</div>

</body>

</html>