close
寫網頁常常會需要顯示一些提示訊息
一般可以使用js的alert就好
但如果是需要大的提示的話~
可以參考以下網頁的方法 : http://www.uuu.com.tw/Public/content/article/130916tips.htm
sample code :
aspx檔
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<asp:Panel ID="Panel1" runat="server"> | |
<%//遮罩 %> | |
<div id="divBlank" style="position:absolute;background-color:#e0e0e0;opacity:0.7;top:-50px;left:-50px;width:200%;height:200%;z-index:5;"> | |
</div> | |
<%//訊息 %> | |
<div id="divMsg" style="position:absolute;background-color:white;top:35%;left:35%;width:400px;height:200px;z-index:10;border:solid 5px #e0e0e0;"> | |
<br/> | |
<span style="text-align:center;font-size:x-large;color:blue;"> | |
請重新檢視以下商品購買數量 | |
</span> | |
<br/> | |
<br/> | |
<asp:Label ID="lblErrorMsg" runat="server" Text=""></asp:Label> | |
<br/> | |
<br/> | |
<div style="text-align:center;"> | |
<input type="button" value="Close" onclick="btnclose()"/> | |
</div> | |
</div> | |
</asp:Panel> |
cs檔
Panel1.Visible=true;
-------------------------------------
使用jQuery關閉Panel
function btnclose() {
$("#Panel1").hide();
}
全站熱搜