Accordion控件,該控件可用于實現頁面的標題和內容的伸縮模式顯示。
具體實例代碼如下。
<%
@PageLanguage
=
"
C#
"
AutoEventWireup
=
"
true
"
CodeFile
=
"
AccordionDemo.aspx.cs
"
Inherits
=
"
AccordionDemo
"
%>
<%
@RegisterAssembly
=
"
System.Web.Extensions,Version=1.0.61025.0,Culture=neutral,
PublicKeyToken
=
31bf3856ad364e35
"
Namespace
=
"
System.Web.UI
"
TagPrefix
=
"
asp
"
%>
<%
@RegisterAssembly
=
"
AjaxControlToolkit
"
Namespace
=
"
AjaxControlToolkit
"
TagPrefix
=
"
cc1
"
%>
<!
DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
>
<
html
xmlns
="http://www.w3.org/1999/xhtml"
>
<
head
runat
="server"
>
<
title
>
無標題頁
</
title
>
</
head
>
<
body
>
<
form
id
="form1"
runat
="server"
>
<
div
>
<
asp:ScriptManager
id
="ScriptManager1"
runat
="server"
></
asp:ScriptManager
>
<
cc1:Accordion
ID
="MyAccordion"
runat
="server"
SelectedIndex
="0"
FadeTransitions
="false"
FramesPerSecond
="40"
TransitionDuration
="250"
AutoSize
="None"
>
<
Panes
>
<
cc1:AccordionPane
ID
="AccordionPane1"
runat
="server"
>
<
Header
><
a
href
=""
onclick
="returnfalse;"
>
第一章
</
a
></
Header
>
<
Content
>
1.1內容
<
br
/>
1.2內容
<
br
/>
1.3內容
<
br
/>
</
Content
>
</
cc1:AccordionPane
>
<
cc1:AccordionPane
ID
="AccordionPane2"
runat
="server"
>
<
Header
><
a
href
=""
onclick
="returnfalse;"
>
第二章
</
a
></
Header
>
<
Content
>
2.1內容
<
br
/>
2.2內容
<
br
/>
2.3內容
<
br
/>
</
Content
>
</
cc1:AccordionPane
>
<
cc1:AccordionPane
ID
="AccordionPane3"
runat
="server"
>
<
Header
><
a
href
=""
onclick
="returnfalse;"
>
第三章
</
a
></
Header
>
<
Content
>
3.1內容
<
br
/>
3.2內容
<
br
/>
3.3內容
<
br
/>
</
Content
>
</
cc1:AccordionPane
>
</
Panes
>
</
cc1:Accordion
>
</
div
>
</
form
>
</
body
>
</
html
>
具體實例代碼如下。






















































更多文章、技術交流、商務合作、聯系博主
微信掃碼或搜索:z360901061

微信掃一掃加我為好友
QQ號聯系: 360901061
您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點擊下面給點支持吧,站長非常感激您!手機微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點擊微信右上角掃一掃功能,選擇支付二維碼完成支付。
【本文對您有幫助就好】元
