http://www.asp.net/AJAX/AjaxControlToolkit/Samples/Accordion/Accordion.aspx
先用好锤子、斧头，再去改造。
英文看的真的很吃力，也很迷糊。
<body> <form id="form1" runat="server"> <asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager> <div> <pre> 伸缩控件的使用 Font-Strikeout:改变字体； FramesPerSecond:每秒帧数； TransitionDuration:动画过渡时间； AutoSize:限制容器pane的大小 RequireOpenedPane：false时点击标题会显示其内容 TransitionDuration:渐变效果 </pre> <cc1:Accordion ID="Accordion1" runat="server" Font-Strikeout="false" FramesPerSecond="200" AutoSize="None" TransitionDuration="250" SuppressHeaderPostbacks="false" RequireOpenedPane="false"> <Panes> <cc1:AccordionPane ID="AccordionPane1" runat="server" BackColor="red" Height="200"> <Header> <img src="1.gif" onmouseover="this.src='2.gif';" onmouseout="this.src='1.gif';" /> </Header> <Content> <table> <tr> <td> ·白日依山尽</td> </tr> <tr> <td> ·欲穷千里目</td> </tr> <tr> <td> ·更上一层楼</td> </tr> </table> </Content> </cc1:AccordionPane> <cc1:AccordionPane ID="AccordionPane2" runat="server" BackColor="yellow" Height="200"> <Header> <img src="1.gif" onmouseover="this.src='2.gif';" onmouseout="this.src='1.gif';" /> </Header> <Content> <table> <tr> <td> ·lightly come,lightly go</td> </tr> <tr> <td> ·It's all these for a reason</td> </tr> <tr> <td> ·ss</td> </tr> </table> </Content> </cc1:AccordionPane> </Panes> </cc1:Accordion> </div> </form></body>经常看见导航使用伸缩效果。