Accordion控件-控件新闻-慧都网

Accordion控件

翻译|其它|编辑：郝浩|2007-08-14 10:32:38.000|阅读 1002 次

概述：

# 界面/图表报表/文档/IDE等千款热门软控件火热销售中 >>

Ajax控件之Accordion

Default.aspx

<%@ 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">

<title>Ajax 控件之 Accordion</title>

</head>

<asp:ScriptManager ID="ScriptManager1" runat="server" />

<%-- SelectedIndex:默认打开的第一扇,FadeTransitions:淡入淡出的效果,当点击第二个 Accrodion 时会看到文字和背景色淡入淡出的效果

FadeTransitions ,FramesPerSecond:时间间隔如果设置小话速度会非常快 AutoSize:面板超出位置会在右侧有流动条上下移动,如果设置成 null,false 会把整个文字全部显示

HeaderCssClass 头部 ContentCssClass 中间内容

--%>

<cc1:Accordion ID="MyAccordion" runat="server" SelectedIndex="0"

FadeTransitions="true" FramesPerSecond="40" TransitionDuration ="250"

AutoSize="Limit" Height ="300px" Width ="400"

HeaderCssClass ="accordinHeader" ContentCssClass ="accordionContent">

<Panes>

<cc1:AccordionPane ID="AccordionPane1" runat="server" ContentCssClass="" HeaderCssClass="">

</Header>

欢迎访问<asp:HyperLink ID="HyperLink1" runat ="server"

NavigateUrl="http:// www.evget.com" Text="慧都控件" />!

</center><br />

Welcome to evget<br />

慧都控件网：www.evget.com<br />

</Content>

</cc1:AccordionPane>

<cc1:AccordionPane ID="AccordionPane2" runat="server" ContentCssClass="" HeaderCssClass="">

</Header>

欢迎访问<asp:HyperLink ID="HyperLink2" runat ="server"

NavigateUrl="http:// www.evget.com " Text="慧都控件" />!

</center><br />

Welcome to evget<br />

慧都控件网：www.evget.com<br />

</Content>

</cc1:AccordionPane>

<cc1:AccordionPane ID="AccordionPane3" runat="server" ContentCssClass="" HeaderCssClass="">

</Header>

欢迎访问<asp:HyperLink ID="HyperLink3" runat ="server"

NavigateUrl="http:// www.evget.com " Text="慧都控件" />!

</center><br />

Welcome to evget<br />

慧都控件网：www.evget.com<br />

</Content>

</cc1:AccordionPane>

</Panes>

</cc1:Accordion>

</div>

</form>

</body>

</html>

StyleSheet.css

body {

}

.accordinHeader

{

border:1px solid #2F4F4F;

background-color:#A6D0E6;

font-family:@楷体_GB2312;

font-size:10px;

font-weight:bold ;

padding :5px;

margin-top:5px;

}

.accordionContent

{

border:1px dushed #2F4F4F;

background-color:#FFFEDF;

font-family:Arial;

border-top:none;

padding :5px;

padding-top:10px;

}

标签：

本站文章除注明转载外，均为本站原创或翻译。欢迎任何形式的转载，但请务必注明出处、不得修改原文相关链接，如果存在内容上的异议请邮件反馈至chenjj@evget.com

文章转载自：csdn

上一篇：C#3.0之LINQ（1）下一篇：开发跨浏览器JavaScript

在线采购

中文文档库

试用/Demo下载

开发社群