Accordion的几个重要属性:
SelectedIndex:显示默认的时候是选中第几个AccordionPane。
FramesPerSecond:设置Accordion切换的速度。
TransitionDuration:转换的持续时间。(不好意思这是我个人的理解,有不对的地方请指教)
实例HTML代码:
Ajax(9)Accordion的使用方法 <cc1:Accordion ID="Accordion1" runat="server"
Ajax(9)Accordion的使用方法                           SelectedIndex
="1" 
Ajax(9)Accordion的使用方法                           HeaderCssClass
="accordionHeader" 
Ajax(9)Accordion的使用方法                           
Ajax(9)Accordion的使用方法                           FadeTransitions
="true" 
Ajax(9)Accordion的使用方法                           FramesPerSecond
="6" 
Ajax(9)Accordion的使用方法                           TransitionDuration
="200"  
Ajax(9)Accordion的使用方法                           AutoSize
="None">
Ajax(9)Accordion的使用方法                
<Panes>
Ajax(9)Accordion的使用方法                    
<cc1:AccordionPane runat="server" >
Ajax(9)Accordion的使用方法                        
<Header  >
Ajax(9)Accordion的使用方法                             
<a href = "" onclick = "return false;" class = "accordionLink"> Section 1</a>
Ajax(9)Accordion的使用方法                        
</Header>
Ajax(9)Accordion的使用方法                        
<Content >
Ajax(9)Accordion的使用方法                           
<asp:Panel  ID="panel1"  runat="server">
Ajax(9)Accordion的使用方法                            
<asp:Button ID="button1" runat="server" />
Ajax(9)Accordion的使用方法                           
</asp:Panel>
Ajax(9)Accordion的使用方法                        
Ajax(9)Accordion的使用方法                        
</Content>
Ajax(9)Accordion的使用方法                    
Ajax(9)Accordion的使用方法                    
</cc1:AccordionPane>
Ajax(9)Accordion的使用方法                      
<cc1:AccordionPane ID="AccordionPane2"  runat="server" Height="500">
Ajax(9)Accordion的使用方法                        
<Header  >
Ajax(9)Accordion的使用方法                             
<a href = "" onclick = "return false;" class = "accordionLink"> Section 2</a>
Ajax(9)Accordion的使用方法                        
</Header>
Ajax(9)Accordion的使用方法                        
<Content>
Ajax(9)Accordion的使用方法                        
<table style="height:400">
Ajax(9)Accordion的使用方法                            
<tr>
Ajax(9)Accordion的使用方法                                
<td style="height:400" >
Ajax(9)Accordion的使用方法                                
Ajax(9)Accordion的使用方法                            
<asp:Button ID="button2" runat="server" BackColor="red" />
Ajax(9)Accordion的使用方法                        
Ajax(9)Accordion的使用方法                                
</td>
Ajax(9)Accordion的使用方法                            
</tr>
Ajax(9)Accordion的使用方法                        
Ajax(9)Accordion的使用方法                        
</table>
Ajax(9)Accordion的使用方法                          
Ajax(9)Accordion的使用方法                        
Ajax(9)Accordion的使用方法                        
</Content>
Ajax(9)Accordion的使用方法                    
Ajax(9)Accordion的使用方法                    
</cc1:AccordionPane>
Ajax(9)Accordion的使用方法                
</Panes>
Ajax(9)Accordion的使用方法        
</cc1:Accordion>
Ajax(9)Accordion的使用方法   
CSS样式:
Ajax(9)Accordion的使用方法.accordionHeader
不好意思,上传图片好像出了问题,无法上传预览图片

相关文章: