从今天开始，会进入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>

点此下载代码