asp.net ajax 实例存(档风琴页效果)

<%@ 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.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title>我的测试页面</title> <mce:style type="text/css"><!-- .accordionHeader { color: #FFFF00; background-color: #3399FF; border: 1px solid #FF6600; padding: 1px; margin: 1px; cursor: pointer; } .accordionContent { background-color: #FF9933; border:#ff0000 1px solid; width:100%; height:200px; padding: 1px; margin: 10px; } --></mce:style><style type="text/css" mce_bogus="1"> .accordionHeader { color: #FFFF00; background-color: #3399FF; border: 1px solid #FF6600; padding: 1px; margin: 1px; cursor: pointer; } .accordionContent { background-color: #FF9933; border:#ff0000 1px solid; width:100%; height:200px; padding: 1px; margin: 10px; } </style> </head> <body> <form id="form1" runat="server"> <div> <asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager> <cc1:Accordion ID="Accordion1" runat="server" SelectedIndex="1" FadeTransitions="true" ContentCssClass="accordionContent" HeaderCssClass="accordionHeader"> <Panes> <cc1:AccordionPane ID="AccordionPane1" runat="server"> <Header>这里是标题1</Header> <Content>这里是标题1 的内容</Content> </cc1:AccordionPane> <cc1:AccordionPane ID="AccordionPane2" runat="server"> <Header>这里是标题2</Header> <Content> 这里是标题2 的内容 <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> <asp:Button ID="Button1" runat="server" Text="Button" /> </Content> </cc1:AccordionPane> <cc1:AccordionPane ID="AccordionPane3" runat="server"> <Header>这里是标题3 </Header> <Content>这里是标题3 的内容</Content> </cc1:AccordionPane> </Panes>  </cc1:Accordion> </div> </form> </body> </html>

 

这是一个风琴页面效果 以备存档查看

你可能感兴趣的:(Ajax,server,asp.net,button,border,textbox)