Code1 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
2
3 <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
4 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
5 <html xmlns="http://www.w3.org/1999/xhtml">
6 <head runat="server">
7 <title>Accordion控制简单的使用</title>
8 <style type="text/css">
9 .myAccordion
10
11 {
12 border: 1px solid #ccc;
13 width:100px;
14 height: 20px;
15 }
16
17 .myAccordion .header
18
19 {
20 background-color:#cccccc;
21 font-size:20px;
22 padding: 5px;
23 cursor: pointer;
24 font-weight: bold;
25 margin-bottom: 2px;
26 }
27
28 .myAccordion .content
29 {
30 font-size:12px;
31 padding: 5px;
32 }
33 </style>
34 </head>
35 <body>
36 <form id="form1" runat="server">
37 <asp:ScriptManager ID="ScriptManager1" runat="server">
38 </asp:ScriptManager>
39 <div>
40 <cc1:Accordion ID="myAccordion1" runat="server" HeaderCssClass="header" CssClass="myAccordion"
41 ContentCssClass="content">
42 <Panes>
43 <cc1:AccordionPane ID="pane1" runat="server">
44 <Header>
45 人事管理</Header>
46 <Content>
47 机构管理<br />
48 部门信息<br />
49 人员管理<br />
50 人员照片<br />
51 </Content>
52 </cc1:AccordionPane>
53 <cc1:AccordionPane ID="AccordionPane1" runat="server">
54 <Header>
55 其它管理</Header>
56 <Content>
57 机构管理<br />
58 部门信息<br />
59 人员管理<br />
60 人员照片<br />
61 </Content>
62 </cc1:AccordionPane>
63 </Panes>
64 </cc1:Accordion>
65 </div>
66 </form>
67 </body>
68 </html>
69
