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 面板如果超过填充的内容，则会出现滚动条

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

点此下载代码

相关文章：

  • 2021-08-24
  • 2021-09-11
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-06-14
  • 2021-08-16
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2021-08-20
  • 2022-12-23
  • 2022-12-23
  • 2021-11-29
  • 2022-02-03
  • 2021-09-14
相关资源
相似解决方案
热门标签
Java Python linux javascript Mysql C# Docker 算法 前端 SpringBoot Redis Vue spring 设计模式 .net core .net kubernetes c++ 数据库 数据结构 大数据 js 机器学习 微服务 Android Go 程序员 面试 JVM ASP.net core 云原生 人工智能 后端 PHP git CSS golang k8s Nginx Django mybatis 深度学习 多线程 React 架构 devops 爬虫 云计算 Spring Boot LeetCode