Accordion控件制作下拉面板菜单（静态数据）

 

Code
 <asp:ScriptManager ID="ScriptManager1" runat="server" />
        <div class="title">Accordion控件静态数据绑定测试</div>
        <br />
        <table>
        <tr>
            <td>
             <ajaxToolkit:Accordion ID="Accordion1" runat="server"
             ContentCssClass="accordionContent" 
             HeaderCssClass="accordionHeader" 
              FramesPerSecond="40" 
              TransitionDuration="250" 
             AutoSize="None" Width="300px" Height="150px" 
              OnItemCommand="Accordion1_ItemCommand"  FadeTransitions="true" HeaderSelectedCssClass="accordionHeaderSelected" SuppressHeaderPostbacks="True" BorderColor="Blue" BorderStyle="Double" BorderWidth="2px">
              <Panes>
                <ajaxToolkit:AccordionPane ID="AccordionPane1"   runat="server" ContentCssClass="" HeaderCssClass="" >
                    <Header>
                    <a href ="" class="accordionLink">链接一</a>
                    </Header>
                    <Content>
                    <a href ="http://www.baidu.com" >创建一个新的链接1</a><br />
                    <a href ="http://www.baidu.com" >创建一个新的链接2</a><br />
                    <a href ="http://www.baidu.com" >创建一个新的链接3</a><br />
                    <a href ="http://www.baidu.com" >创建一个新的链接4</a><br />               
                    </Content>
                </ajaxToolkit:AccordionPane >
                
               <ajaxToolkit:AccordionPane  ID="AccordionPane2" ContentCssClass="" HeaderCssClass="" runat="server">
                     <Header>
                        <a href ="" class="accordionLink">链接二</a>               
                    </Header>
                     <Content>
                        <asp:LinkButton ID="LinkButton8" runat="server" CommandName="link" CommandArgument="网络疑问解决程序">网络疑问解决程序</asp:LinkButton><br />               
                    </Content>
               </ajaxToolkit:AccordionPane >
                
               
                
                 <ajaxToolkit:AccordionPane ID="AccordionPane4" ContentCssClass="" HeaderCssClass="" runat="server">
                    <Header>
                     <a href ="" class="accordionLink">链接三</a>
                    </Header>
                    <Content>
                     <asp:LinkButton ID="LinkButton13" runat="server" CommandName="link" CommandArgument="网络连接">网络连接</asp:LinkButton><br />
                     <asp:LinkButton ID="LinkButton14" runat="server" CommandName="link" CommandArgument="系统文件夹">系统文件夹</asp:LinkButton><br /> 
                   </Content>
                </ajaxToolkit:AccordionPane >
                
                </Panes>
                </ajaxToolkit:Accordion>

            </td>
            
            <td style="width: 187px">
                &nbsp; &nbsp; 您当前的选择是：<br />
              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<asp:Label ID="Label1" runat="server" Width="200px" Height="33px" ForeColor="Red"></asp:Label>
           </td>
        </tr>

        </table>
                 

 

转载于:https://www.cnblogs.com/hubcarl/archive/2009/10/29/1592638.html