登 录
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %></p> <p><%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %></p> <p><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"></p> <p><html xmlns="http://www.w3.org/1999/xhtml" ><br /> <head runat="server"><br /> <title>我的测试页面</title><br /> <mce:style type="text/css"><!--<br /> .accordionHeader<br /> {<br /> color: #FFFF00;<br /> background-color: #3399FF;<br /> border: 1px solid #FF6600;<br /> padding: 1px;<br /> margin: 1px;<br /> cursor: pointer;<br /> }<br /> .accordionContent<br /> {<br /> background-color: #FF9933;<br /> border:#ff0000 1px solid;<br /> width:100%;<br /> height:200px;<br /> padding: 1px;<br /> margin: 10px;<br /> }</p> <p>--></mce:style><style type="text/css" mce_bogus="1"> .accordionHeader<br /> {<br /> color: #FFFF00;<br /> background-color: #3399FF;<br /> border: 1px solid #FF6600;<br /> padding: 1px;<br /> margin: 1px;<br /> cursor: pointer;<br /> }<br /> .accordionContent<br /> {<br /> background-color: #FF9933;<br /> border:#ff0000 1px solid;<br /> width:100%;<br /> height:200px;<br /> padding: 1px;<br /> margin: 10px;<br /> }<br /> </style><br /> </head><br /> <body><br /> <form id="form1" runat="server"><br /> <div><br /> <asp:ScriptManager ID="ScriptManager1" runat="server"><br /> </asp:ScriptManager></p> <p> <cc1:Accordion ID="Accordion1" runat="server" SelectedIndex="1" FadeTransitions="true" ContentCssClass="accordionContent" HeaderCssClass="accordionHeader"><br /> <Panes><br /> <cc1:AccordionPane ID="AccordionPane1" runat="server"><br /> <Header>这里是标题1</Header><br /> <Content>这里是标题1 的内容</Content><br /> </cc1:AccordionPane><br /> <cc1:AccordionPane ID="AccordionPane2" runat="server"><br /> <Header>这里是标题2</Header><br /> <Content><br /> 这里是标题2 的内容<br /> <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox><br /> <asp:Button ID="Button1" runat="server" Text="Button" /><br /> </Content><br /> </cc1:AccordionPane><br /> <cc1:AccordionPane ID="AccordionPane3" runat="server"><br /> <Header>这里是标题3 </Header><br /> <Content>这里是标题3 的内容</Content><br /> </cc1:AccordionPane><br /> </Panes></p> <p> </cc1:Accordion></p> <p> </div><br /> </form><br /> </body><br /> </html>
这是一个风琴页面效果 以备存档查看
抱歉!评论已关闭.