AjaxControlToolkit——Accordion

http://www.asp.net/AJAX/AjaxControlToolkit/Samples/Accordion/Accordion.aspx

先用好锤子、斧头，再去改造。
英文看的真的很吃力，也很迷糊。

<body>

<form id="form1" runat="server">
AjaxControlToolkit——Accordion

<asp:ScriptManager ID="ScriptManager1" runat="server">
AjaxControlToolkit——Accordion

</asp:ScriptManager>
AjaxControlToolkit——Accordion

<div>

<pre>

伸缩控件的使用

Font-Strikeout:改变字体；
AjaxControlToolkit——Accordion

FramesPerSecond:每秒帧数；
AjaxControlToolkit——Accordion

TransitionDuration:动画过渡时间；
AjaxControlToolkit——Accordion

AutoSize:限制容器pane的大小
AjaxControlToolkit——Accordion

RequireOpenedPane：false时点击标题会显示其内容
AjaxControlToolkit——Accordion

TransitionDuration:渐变效果
AjaxControlToolkit——Accordion

</pre>

<cc1:Accordion ID="Accordion1" runat="server" Font-Strikeout="false" FramesPerSecond="200"
AjaxControlToolkit——Accordion

AutoSize="None" TransitionDuration="250" SuppressHeaderPostbacks="false" RequireOpenedPane="false">
AjaxControlToolkit——Accordion

<Panes>

<cc1:AccordionPane ID="AccordionPane1" runat="server" BackColor="red" Height="200">
AjaxControlToolkit——Accordion

<img src="1.gif" onmouseover="this.src='2.gif';" onmouseout="this.src='1.gif';" />
AjaxControlToolkit——Accordion

</Header>

<table>

<tr>

<td>

·白日依山尽</td>
AjaxControlToolkit——Accordion

</tr>

<tr>

<td>

·欲穷千里目</td>
AjaxControlToolkit——Accordion

</tr>

<tr>

<td>

·更上一层楼</td>
AjaxControlToolkit——Accordion

</tr>

</table>

</Content>
AjaxControlToolkit——Accordion

</cc1:AccordionPane>
AjaxControlToolkit——Accordion

<cc1:AccordionPane ID="AccordionPane2" runat="server" BackColor="yellow" Height="200">
AjaxControlToolkit——Accordion

<img src="1.gif" onmouseover="this.src='2.gif';" onmouseout="this.src='1.gif';" />
AjaxControlToolkit——Accordion

</Header>

<table>

<tr>

<td>

·lightly come,lightly go</td>
AjaxControlToolkit——Accordion

</tr>

<tr>

<td>

·It's all these for a reason</td>
AjaxControlToolkit——Accordion

</tr>

<tr>

<td>

·ss</td>

</tr>

</table>

</Content>
AjaxControlToolkit——Accordion

</cc1:AccordionPane>
AjaxControlToolkit——Accordion

</Panes>

</cc1:Accordion>
AjaxControlToolkit——Accordion

</div>

</form>

</body>

经常看见导航使用伸缩效果。