AjaxControlToolkit——Accordion

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 >

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

转载于:https://www.cnblogs.com/htht66/archive/2008/03/09/1097863.html