AJAX折叠控件Accordion

      从今天开始，会进入ASP.NET AJAX的学习中，刚刚学习了第一个控件，列举了一下他常用的属性


<cc1:Accordion ID="MyAccordion1" runat="server" SelectedIndex="0" FadeTransitions="true" FramesPerSecond="40" TransitionDuration="250" AutoSize="Limit">
FadeTransitions是否允许过渡效果  
FramesPerSecond 延迟时间
TransitionDuration 过渡持续时间  
AutoSize 面板如果超过填充的内容，则会出现滚动条

<% @ Page Language = " C# "  AutoEventWireup = " true "  CodeFile = " Default.aspx.cs "  Inherits = " _Default "   %>

<% @ Register Assembly = " AjaxControlToolkit "  Namespace = " AjaxControlToolkit "  TagPrefix = " cc1 "   %>

<! DOCTYPE html PUBLIC  " -//W3C//DTD XHTML 1.1//EN "   " http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd " >
< html xmlns = " http://www.w3.org/1999/xhtml " >
< head runat = " server " >
     < title > Accordion实例 </ title >
     < link href = " StyleSheet.css "  rel = " stylesheet "  type = " text/css "   />
</ head >
< body style = " text-align: center " >
     < form id = " form1 "  runat = " server " >
         < asp:ScriptManager ID = " ScriptManager1 "  runat = " server "   />
         < div style = " text-align: center " >
             < cc1:Accordion ID = " MyAccordion1 "  runat = " server "  SelectedIndex = " 0 "  FadeTransitions = " true "
             FramesPerSecond = " 40 "   TransitionDuration = " 250 "  AutoSize = " Limit "  Height = " 300px "
              HeaderCssClass = " accordionHeader "  ContentCssClass = " accordionContent " >
             < Panes >
                 < cc1:AccordionPane ID = " AccordionPane1 "  runat = " server "  ContentCssClass = ""  HeaderCssClass = "" >
                     < Header >
                         < a href = "" > 赤色火焰.Net学习手札 </ a >
                     </ Header >
                     < Content >
                     < center >< asp:HyperLink ID = " HyperLink1 "  runat = " server "  NavigateUrl = " http://net.mgod.net "  Text = " 赤色火焰.Net学习手札 " />!</ center >< br  />
                   这里只是我在学习过程中记录点点滴滴的地方，希望大家支持！ < br  />
                   希望能在大家的帮助下不断的成长！ < br  />
                   本BLOG地址为：http: // net.mgod.net<br />
                   我的QQ为： 6040548     
                    
                     </ Content >
                 </ cc1:AccordionPane >
                 < cc1:AccordionPane ID = " AccordionPane2 "  runat = " server "  ContentCssClass = ""  HeaderCssClass = "" >
                 < Header >
                         < a href = "" > 第二条测试 </ a >
                     </ Header >
                     < Content >
                     < center >< asp:HyperLink ID = " HyperLink2 "  runat = " server "  NavigateUrl = " http://net.mgod.net "  Text = " 赤色火焰.Net学习手札 " />!</ center >< br  />
                   这里只是我在学习过程中记录点点滴滴的地方，希望大家支持！ < br  />
                   希望能在大家的帮助下不断的成长！ < br  />
                   本BLOG地址为：http: // net.mgod.net<br />
                   我的QQ为： 6040548      < br  />
                   这里只是我在学习过程中记录点点滴滴的地方，希望大家支持！ < br  />
                   希望能在大家的帮助下不断的成长！ < br  />
                   本BLOG地址为：http: // net.mgod.net<br />
                   我的QQ为： 6040548     
                    
                     </ Content >
                 </ cc1:AccordionPane >
                 < cc1:AccordionPane ID = " AccordionPane3 "  runat = " server "  ContentCssClass = ""  HeaderCssClass = "" >
                 < Header >
                         < a href = "" > 第三条测试 </ a >
                     </ Header >
                     < Content >
                     < center >< asp:HyperLink ID = " HyperLink3 "  runat = " server "  NavigateUrl = " http://net.mgod.net "  Text = " 赤色火焰.Net学习手札 " />!</ center >< br  />
                   这里只是我在学习过程中记录点点滴滴的地方，希望大家支持！ < br  />
                   希望能在大家的帮助下不断的成长！ < br  />
                   本BLOG地址为：http: // net.mgod.net<br />
                   我的QQ为： 6040548     
                    
                     </ Content >
                 </ cc1:AccordionPane >
              </ Panes >
             </ cc1:Accordion >
             < br  />
             < br  />
             < span style = " color: #000099 " >
            说明： < br  />
             < br  />
             </ span >
             < table style = " color: #000099;text-align: center " >< tr >< td style = " text-align: left " >
             & lt;cc1:Accordion ID = " MyAccordion1 "  runat = " server "  SelectedIndex = " 0 "  FadeTransitions = " true "
            FramesPerSecond = " 40 "  TransitionDuration = " 250 "  AutoSize = " Limit " & gt; < br  />
            FadeTransitions是否允许过渡效果  & nbsp;
             < br  />
            FramesPerSecond 延迟时间 < br  />
            TransitionDuration 过渡持续时间  & nbsp; < br  />
            AutoSize 面板如果超过填充的内容，则会出现滚动条
            
             </ td ></ tr ></ table >
             </ div >
     </ form >
</ body >
</ html >

点此下载代码

转载于:https://www.cnblogs.com/mgod/archive/2007/04/07/704251.html