AjaxControlToolkit -- Accordion -- 折叠菜单

最新推荐文章于 2024-07-25 11:52:08 发布

dh19573681

最新推荐文章于 2024-07-25 11:52:08 发布

阅读量836

点赞数

分类专栏： Ajax 文章标签： server border header table html c#

本文链接：https://blog.csdn.net/dh19573681/article/details/2490356

版权

Ajax 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

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

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>无标题页</title>
    <style type="text/css">
        .accordionHeader
        {
            border: 1px solid #2F4F4F;
            color: white;
            background-color: #2E4d7B;
         font-size: 12px;
         font-weight: bold;
            padding: 8px;
            margin-top: 0px;
            cursor: pointer;
        }
        .accordionContent
        {
            background-color: #D3DEEF;
            border: 1px dashed #2F4F4F;
            border-top: none;
            padding: 0px;
            padding-top: 0px;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <ajaxToolkit:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
        </ajaxToolkit:ToolkitScriptManager>
        <table height="100%" style="margin:0" border="1">
            <tr>
                <td valign="top">
                    <ajaxToolkit:Accordion ID="Accordion1" runat="server"
                            Height="100%" Width="177px" AutoSize="Limit"
                            HeaderCssClass="AccordionHeader"
                            ContentCssClass="AccordionContent"
                            FadeTransitions="True"
                            RequireOpenedPane="false"
                            FramesPerSecond="40"
                            TransitionDuration="150">
                        <Panes>
                            <ajaxToolkit:AccordionPane ID="AccordionPane8" runat="server">
                                <Header>111111111111</Header>
                                <Content>
                                    aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
                                    aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
                                    aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
                                    aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
                                    aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
                                    aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
                                </Content>
                            </ajaxToolkit:AccordionPane>
                            <ajaxToolkit:AccordionPane ID="AccordionPane9" runat="server">
                                <Header>222222222222</Header>
                                <Content>
                                    bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
                                    bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
                                    bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
                                    bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
                                    bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
                                </Content>
                            </ajaxToolkit:AccordionPane>
                            <ajaxToolkit:AccordionPane ID="AccordionPane10" runat="server">
                                <Header>333333333333</Header>
                                <Content>
                                    cccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc
                                    cccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc
                                    cccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc
                                    cccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc
                                    cccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc
                                </Content>
                            </ajaxToolkit:AccordionPane>
                        </Panes>
                    </ajaxToolkit:Accordion>
                </td>
            </tr>
        </table>

    </div>
    </form>
</body>
</html>

dh19573681

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
AjaxControlToolkit -- Accordion -- 折叠菜单

http://www.w3.org/1999/xhtml"> 无标题页 .accordionHeader { border: 1px solid #2F4F4F; color: white; background-color: #2E4d7B; font-size: 12
复制链接

扫一扫

专栏目录