您的位置：首页 > 其它

★ AjaxControlToolkit 微软出的ajax.net 工具使用教程二 Accordion（折叠）控件的使用

2007-05-03 22:55 881 查看

使用Aosu易博通，一分钱不花，实现网文自动摘抄，博客写作方便又快捷，和您现在看到的一样！自主嵌入Google广告，还能赚取美金！现在就下载

新建一个AjaxControlToolkitWebSite 项目，把下面的代码复制到你的页面：

Default.aspx代码：
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
 <title>Untitled Page</title>
 <link href="StyleSheet.css" _fcksavedurl=""StyleSheet.css"" rel="stylesheet" type="text/css" />
</head>
<body>
 <form id="form1" runat="server">
 <asp:ScriptManager ID="ScriptManager1" runat="server" />
 <div>
 <ajaxToolkit:Accordion ID="MyAccordion" runat="server"
 SelectedIndex="0"
 HeaderCssClass="accordionHeader"
 ContentCssClass="accordionContent"
 FadeTransitions="true"
 FramesPerSecond="40"
 TransitionDuration="250"
 AutoSize="None">
 <Panes>
 <ajaxToolkit:AccordionPane ID = "AccordionPane1" runat = "server">
 <Header>
 <a href = "" onclick = "return false;" class = "accordionLink"> Section 1</a>
 </Header>
 <Content>
 This book is about to be release on a very difficult subject to find good detailed info on.
 <img align = "left" alt = "" border = "0" src = "http://www.joeon.net/blogfiles/DOTNETInternational.jpg">
 
 
 .NET Internationalization: The Developer's Guide to Building Global Windows and web Applications
 
 
 By Smith-Ferrier, Guy
 
 
 Published by Addison-Wesley
 
 
 Series: Microsoft .NET Development Series
 
 
 ISBN: 0321341384; Published:
 
 
 8/11/2006
 
 
 ; Copyright 2007; Pages: T; Edition: 1
 
 
 
 <a href = "http://www.awprofessional.com/bookstore/product.asp?isbn=0321341384&rl=1" target = "_blank">http://www.awprofessional.com/bookstore/product.asp?isbn=0321341384&rl=1</a> 
 
 
 <a href = "http://www.joeon.net/blogfiles/SmithFerrier.pdf">You can click HERE for a sample chapter. </a>
 </Content>
 </ajaxToolkit:AccordionPane>

 <ajaxToolkit:AccordionPane ID = "AccordionPane2" runat = "server">
 <Header>
 <a href = "" onclick = "return false;" class = "accordionLink"> Section 2</a>
 </Header>
 <Content>
 
 <img align = "left" alt = "Clown" border = "0" src = "http://www.joeon.net/blogfiles/Clown.jpg">Last week
 we but a form up on www.asp.net so that folks could send requests for How-Do-I video topics. Today I
 recieved the folowing thoughtful feedback from a values customer.
 "Make new versions of all the videos without the ridiculous, yet highly annoying mouse click sounds...:-(((."
 To whoever the anonymous poster of that comment was, I replyâ€¦.
 Dear Sir, thanks for your feedback. Unfortunatly, I find it necesaary to use the mouse during the
 presentations, I will however begin trainer is the secret art of â€œstealth
 mousing. <img src = "http://www.joeon.net/blogfiles/smile1.gif"> 
ccd8

 To the hundreds of other folks who have taken the time to send meaningful suggestions and feedback.
 MANY THANKS!
 I'm glad that you find the videos valuable and that you are liking asp.
 I'll be blogging about the suggestions. Please keep them coming.
 Joe
 </Content>
 </ajaxToolkit:AccordionPane>

 <ajaxToolkit:AccordionPane ID = "AccordionPane3" runat = "server">
 <Header>
 <a href = "" onclick = "return false;" class = "accordionLink"> Section 3</a>
 </Header>
 <Content>
 <img align = "left" alt = "Bill_Hilf" border = "0" src = "http://www.joeon.net/blogfiles/Bill_Hilf.gif">It's
 <a href = "http://www.microsoft.com/technet/community/tnradio/bio/billhilf.mspx" target = "_blank"> Bill
 Hilf, Microsoft General Manager of Platform Strategy</a>.
 There was allot of press over the last few weeks about the
 <a href = "http://news.com.com/2100-1014_3-6086044.html" target = "_blank">sudden departure of Martin Taylor. </a>
 I've had several questions about what this means as Martin was influential in Microsoft strategy and close to Steve Ballmer.
 In actuality, Martin moved out of platform strategy some time ago and Bill's been the man for a number of months already.I had several conversations with Martin and he is a very bright guy.
 But I've had lots of conversations with Bill and he is a REALLY bright guy. (In fact Iâ€™ll be on stage with Bill this weekend at the Microsoft Global Technology Exchange.)
 I almost went to work for Bill last year but he really needed me in Redmond and I just wasnâ€™t ready to move yet.
 So keep your eye out for Bill. In the wake of Bill's announcement a few weeks ago were all looking to see how Microsoft thought leadership re-aligns.
 </Content>
 </ajaxToolkit:AccordionPane>

 <ajaxToolkit:AccordionPane ID = "AccordionPane4" runat = "server">
 <Header>
 <a href = "" onclick = "return false;" class = "accordionLink"> Section 4</a>
 </Header>
 <Content>
 
 
 <img align = "left" alt = "MurachCS2005" border = "0" src = "http://www.joeon.net/blogfiles/MurachCS2005.jpg">
 I read A LOT of developer books. Many I like, many I loath. 
 
 If I were going to
 teach a course on C#, I would probably choose Murachâ€™s C# 2005 as the
 textbook. 
 Unlike most technical
 books, this book is writing as a training resource. So while it makes a great â€œtextbookâ€, itâ€™s a â€œHow Do
 focused learning resource. 
 
 But UNLIKE a lot of
 textbooks, it is easy to read (and therefore learn from), itâ€™s up-to-date, including detailed coverage of
 the latest C# 2.0 language constructs, and it has a commercial programming feel so itâ€™s goal is not simply
 to provide academic coverage of the programming language, but rather how to write good code with
 C# 
 Wanna learn C# ? Wanna
 learn more about C#? Want a great desk reference for C#? 
 
 Buying this book
 should be a no-brainer !
 </Content>
 </ajaxToolkit:AccordionPane>
 </Panes>
 </ajaxToolkit:Accordion>
 </div>
 </form>
</body>
</html>

StyleSheet.css代码：

.accordionHeader
{
 border: 1px solid #2F4F4F;
 color: white;
 background-color: #2E4d7B;
font-family: Arial, Sans-Serif;
font-size: 12px;
font-weight: bold;
 padding: 5px;
 margin-top: 5px;
 cursor: pointer;
}

.accordionContent
{
 background-color: #D3DEEF;
 border: 1px dashed #2F4F4F;
 border-top: none;
 padding: 5px;
 padding-top: 10px;
}

.accordionLink
{
background-color: #D3DEEF;
 color: white:
}

.watermark {
background: #FFAAFF;
}

.popupControl {
background-color:#AAD4FF;
position:absolute;
visibility:hidden;
border-style:solid;
border-color: Black;
border-width: 2px;
}

.modalBackground {
background-color:Gray;
filter:alpha(opacity=70);
opacity:0.7;
}

.modalPopup {
background-color:#ffffdd;
border-width:3px;
border-style:solid;
border-color:Gray;
padding:3px;
width:250px;
}

.sampleStyleA {
background-color:#FFF;
}

.sampleStyleB {
background-color:#FFF;
font-family:monospace;
font-size:10pt;
font-weight:bold;
}

.sampleStyleC {
background-color:#ddffdd;
font-family:sans-serif;
font-size:10pt;
font-style:italic;
}

.sampleStyleD {
background-color:Blue;
color:White;
font-family:Arial;
font-size:10pt;
}

通过这个例子我们可以学会使用Accordion控件的使用。有什么问题可以留言讨论

Trackback: http://tb.blog.csdn.net/TrackBack.aspx?PostId=1595128

今日热点：

ASP.NET2.0中全面实现文件图片上传下载处理

ASP.NET2.0 文本编辑器FCKeditor

Eclipse的Adapter机制

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： 工具微软 microsoft internationalization class border

相关文章推荐

新的分享

章节导航