其实就是几个DIV层 = =
加一个让主页面半透明的层
<div id="doing" style="display:none; Z-INDEX: 12000; LEFT: 0px; WIDTH: 100%; CURSOR: wait; POSITION: absolute;TOP: 0px; HEIGHT:92%;background-color:#f9fff6;FILTER: alpha( Style=3 FinishOpacity=30);"> </div>
加一个弹出的页面层:
<div id="AddState" style="display:none;position:absolute; width:220px;height:80px;text-align:center;vertical-align:middle;left: 350px; top: 224px; z-index:13000;background-image:url(../Images/body_bg.gif);border-right: lightgrey thin dashed; border-top: lightgrey thin dashed; border-left: lightgrey thin dashed; border-bottom: lightgrey thin dashed;"> <div style="padding:3px 15px 3px 15px;text-align:left;vertical-align:middle;" > <div>状态名称:<asp:TextBox ID="tbState" runat="server" Width="100" ></asp:TextBox><asp:Button ID="btnAddState" runat="server" onclick="btnAddState_Click" Text="添加" /> <input id="BttCancel" type="button" value=" 取消 " onclick="ShowNo()" /> <div> <asp:RequiredFieldValidator id="rfN" runat="server" ErrorMessage="状态名称不能为空!" ControlToValidate="tbState" CssClass="Text"> </asp:RequiredFieldValidator> </div> </div> </div> </div>
再加上JS控制显示:
<script language='javascript'> function Show() { document.getElementById("doing").style.display = ""; document.getElementById("AddState").style.display = ""; } function ShowNo() { document.getElementById("doing").style.display = "none"; document.getElementById("AddState").style.display = "none"; } function HideLoginDiv() { var Login = document.getElementById("Javascript.Div5"); Login.style.visibility = "hidden"; } </script>
然后,下面你懂得。。。
方法转自CSDN论坛:http://topic.csdn.net/u/20080720/14/d8481f88-3ca1-4643-815b-c99cda043933.html
PS:8楼