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 >
< 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 >
经常看见导航使用伸缩效果。