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

Accordion控件

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

概述：

# 界面/图表报表/文档/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" "//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>

;  <a href="fc6vip.cn">慧都控件</a>

 </Header>

 

   <Content>

; <center>

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

  ; NavigateUrl="// fc6vip.cn" Text="慧都控件" />!

  ; </center><br />

    Welcome to evget<br />

  慧都控件网：fc6vip.cn<br />

 

  </Content>

   

  </cc1:AccordionPane>

  

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

   <Header>

  <a href="// fc6vip.cn ">慧都控件</a>

  </Header>

   

   <Content>

      <center>

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

NavigateUrl="// fc6vip.cn " Text="慧都控件" />!

  </center><br />

; Welcome to evget<br />

  慧都控件网：fc6vip.cn<br />

 

  ; </Content>

 

   </cc1:AccordionPane>

  

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

; <Header>

; <a href="// fc6vip.cn ">慧都控件</a>

; </Header>

 

  <Content>

  <center>

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

    NavigateUrl="// fc6vip.cn " Text="慧都控件" />!

  </center><br />

  Welcome to evget<br />

  慧都控件网：fc6vip.cn<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@fc6vip.cn

文章转载自：csdn

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

金喜正规买球相关的文章 MORE

金喜正规买球

在线采购

中文文档库

试用/Demo下载

开发社群