AjaxControlToolkit——Accordion

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

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

<body>

<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>

<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>

<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>

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

posted @ 2008-03-09 22:05 yellowwood 阅读(457) 评论(0) 编辑收藏举报

刷新页面返回顶部

AjaxControlToolkit——Accordion

公告