AJAX控件之ModalPopup(关机效果)

效果图:

显示页面Html页面代码:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<title>AJAX.NET控件之ModalPopup</title>

.ModalBackground

{

background-color:Gray;

filter:alpha(opacity=70);

opacity:.7;

}

.StyleA

{

background-color:#FFF;

}

.StyleB

{

background-color:blue;

color:White;

font-family:Arial;

font-size:10pt;

}

.StyleC

{

background-color:#DDFFDD;

font-style:italic;

font-family:sans-serif;

font-size:10pt;

}

</style>

function onOk()

{

var styletoSelect;

$get('DivShow').className=styletoSelect;

}

</script>

</head>

<asp:ScriptManager ID="ScriptManager1" runat="server" />

<br />

<div>

<br />

IBM笔记本ThinkPad<br />

<br />

苹果笔记本电脑<br />

<br />

惠普笔记本电脑<br />

<br />

</div>

<br />

<asp:LinkButton ID="LinkButton1" runat="server" Width="144px">点击变成关机模式</asp:LinkButton><br />

<asp:Panel ID="Panel1" runat="server" Height="176px" Width="144px">

 <asp:Panel ID="Panel2" runat="server" Height="136px" Style="background-color: honeydew"

Width="184px">

请选择你喜欢的样式: 

<br />

<input id="RadioB" name="Modal" type="radio" onclick="styletoSelect='StyleB';" />改变背景颜色<br />

<input id="RadioC" name="Modal" type="radio" onclick="styletoSelect='StyleC';" />改变背景颜色和样式<br />

<br />

<asp:Button ID="Button1" runat="server" Text="提交" OnClick="Button1_Click" />

<asp:Button ID="Button2" runat="server" Text="取消" /></asp:Panel>

</asp:Panel>

<cc1:ModalPopupExtender ID="ModalPopupExtender1" runat="server" CancelControlID="Button2"

TargetControlID="LinkButton1" BackgroundCssClass="ModalBackground" Drag="True" DropShadow="True" OnOkScript="onOk()" PopupControlID="Panel1" PopupDragHandleControlID="Panel2">

</cc1:ModalPopupExtender>

</form>

</body>

</html>

显示页面的CS文件代码:

using System;

using System.Data;

using System.Configuration;

using System.Web;

using System.Web.Security;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Web.UI.WebControls.WebParts;

using System.Web.UI.HtmlControls;

public partial class _Default : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

}

protected void Button1_Click(object sender, EventArgs e)

{

Response.Write("欢迎试用Window关机程序");

Response.Write("<script>alert('欢迎试用Window关机程序');</script>");

}

posted on 2007-03-30 21:38 小角色阅读(885) 评论(0) 收藏举报