Accordion与AccordionPane的用法

最新推荐文章于 2012-10-10 13:45:14 发布

stromboy007

最新推荐文章于 2012-10-10 13:45:14 发布

阅读量1.1k

点赞数

分类专栏： Ajax ControlToolkit 文章标签： server header asp html div

本文链接：https://blog.csdn.net/stromboy007/article/details/3899027

版权

Ajax ControlToolkit 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Accordion与AccordionPane的用法</title>
    <style type="text/css">
    .Header
    {
    font-size:12px;
    color:#ffffff;
    background:#666666;
    font-weight:bold;
    }
    .Content
    {
    font-size:14px;
    color:#003366;
    background:#ffffcc;
    }
    </style>
</head>
<body>
    <form id="form1" runat="server">
          <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
    <div>
    <cc1:Accordion ID="Accordion1" runat="server"   ContentCssClass="Content" HeaderCssClass="Header" FadeTransitions="true" FramesPerSecond="40" TransitionDuration="250">
   <Panes>
        <cc1:AccordionPane runat="server" ID="AccordionPane4">
        <Header>第一章</Header>
        <Content>
        这里是第一章的故事：从前有座山，山上有个庙。庙里有个和尚讲故事，讲什么故事呢<br />
        从前有座山，山上有个庙。庙里有个和尚讲故事，讲什么故事呢。。。<br />
        从前有座山，山上有个庙。庙里有个和尚讲故事，讲什么故事呢。。。<br />
        从前有座山，山上有个庙。庙里有个和尚讲故事，讲什么故事呢。。。<br />
        从前有座山，山上有个庙。庙里有个和尚讲故事，讲什么故事呢。。。   <br />
        </Content>
            </cc1:AccordionPane>
                    <cc1:AccordionPane ID="AccordionPane1" runat="server">
        <Header>第二章</Header>
        <Content>
        这里是第二章的故事：从前有座山，山上有个庙。庙里有个和尚讲故事，讲什么故事呢<br />
        从前有座山，山上有个庙。庙里有个和尚讲故事，讲什么故事呢。。。<br />
        从前有座山，山上有个庙。庙里有个和尚讲故事，讲什么故事呢。。。<br />
        从前有座山，山上有个庙。庙里有个和尚讲故事，讲什么故事呢。。。<br />
        从前有座山，山上有个庙。庙里有个和尚讲故事，讲什么故事呢。。。   <br />
        </Content>
            </cc1:AccordionPane>
                    <cc1:AccordionPane ID="AccordionPane2" runat="server">
        <Header>第三章</Header>
        <Content>
        这里是第三章的故事：从前有座山，山上有个庙。庙里有个和尚讲故事，讲什么故事呢<br />
        从前有座山，山上有个庙。庙里有个和尚讲故事，讲什么故事呢。。。<br />
        从前有座山，山上有个庙。庙里有个和尚讲故事，讲什么故事呢。。。<br />
        从前有座山，山上有个庙。庙里有个和尚讲故事，讲什么故事呢。。。<br />
        从前有座山，山上有个庙。庙里有个和尚讲故事，讲什么故事呢。。。 <br />
        </Content>
            </cc1:AccordionPane>
                    <cc1:AccordionPane ID="AccordionPane3" runat="server">
        <Header>第四章</Header>
        <Content>
        这里是第四章的故事：从前有座山，山上有个庙。庙里有个和尚讲故事，讲什么故事呢<br />
        从前有座山，山上有个庙。庙里有个和尚讲故事，讲什么故事呢。。。<br />
        从前有座山，山上有个庙。庙里有个和尚讲故事，讲什么故事呢。。。<br />
        从前有座山，山上有个庙。庙里有个和尚讲故事，讲什么故事呢。。。<br />
        从前有座山，山上有个庙。庙里有个和尚讲故事，讲什么故事呢。。。   <br />
        </Content>
            </cc1:AccordionPane>
   </Panes>

    </cc1:Accordion>
    </div>
    </form>
</body>
</html>

stromboy007

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Accordion与AccordionPane的用法

http://www.w3.org/1999/xhtml" > Accordion与AccordionPane的用法 .Header { font-size:12px; color:#ffffff; background:#666666; font-weight:bold; } .Content { font-size:1
复制链接

扫一扫