【最新整理版】细数Ajax Control Toolkit 34个服务器端控件

最新推荐文章于 2017-12-03 18:50:00 发布
最新推荐文章于 2017-12-03 18:50:00 发布
阅读量152 收藏
点赞数
文章标签： 应用服务器 Ajax 浏览器 ASP.net ASP
本文详细介绍了Accordion控件的功能和使用方法，Accordion控件允许设计多个面板且每次仅展示一个面板，适用于实现QQ、MSN好友分类的折叠效果。文章还探讨了AlwaysVisibleControl和Animation控件的特性，并提供了代码示例。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

1. Accordion<?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />

【功能概述】
Accordion可以让你设计多个panel 并且一次只显示一个Panel .在页面上的显示效果就像是使用了多个CollapsiblePanels只不过每一次只展开其中一个CollapsiblePanel.Accordion控件内部包含了若干个AccordionPane，每一个AccordionPane的template里包括了对其Header和Content的定义。我们可以在后台代码中通过SelectedIndex属性取得当前展开的哪一个Panel，还可以控制哪一个Panel展开。

经常可以见到类似的效果，比如QQ、Msn好友分类的折叠效果。

【细节】

(1)不要把Accordion放在Table中而又把 FadeTransitions 设置为True，这将引起布局混乱
(2) 在AccordionPane模板中的Content中可以定义任何Web元素，表现的就像一个容器

(3) AccordionPane内容模板自动改变大小有三种AutoSize modes ：None(推荐) Limit Fill

(4) $find('ctl00_ContentPlaceHolder1_MyAccordion_AccordionExtender')这里找到的是Behavior.什么是Behavior呢？在Asp.net Ajax框架中包含一组动作并完成一个功能. Accordion的一个Behavior就是淡入淡出.

找到Behavior的引用，behavior.set_FadeTransitions() behavior.get_FadeTransitions()的方式来实现具体某一个Behavior的访问和修改.

var behavior = $find('ctl00_SampleContent_MyAccordion_AccordionExtender');这种写法是不好的，我们在自动测试的页面中发现了更好的写法： var behavior=$find("<%= MyAccordion.ClientID %>_AccordionExtender");

【代码示意】

<?xml:namespace prefix = v ns = "urn:schemas-microsoft-com:vml" /><shapetype id="_x0000_t75" coordsize="21600,21600" o:spt="75" o:preferrelative="t" path="m@4@5l@4@11@9@11@9@5xe" filled="f" stroked="f"><stroke joinstyle="miter"></stroke><formulas><f eqn="if lineDrawn pixelLineWidth 0"></f><f eqn="sum @0 1 0"></f><f eqn="sum 0 0 @1"></f><f eqn="prod @2 1 2"></f><f eqn="prod @3 21600 pixelWidth"></f><f eqn="prod @3 21600 pixelHeight"></f><f eqn="sum @0 0 1"></f><f eqn="prod @6 1 2"></f><f eqn="prod @7 21600 pixelWidth"></f><f eqn="sum @8 21600 0"></f><f eqn="prod @7 21600 pixelHeight"></f><f eqn="sum @10 21600 0"></f></formulas><path o:extrusionok="f" gradientshapeok="t" o:connecttype="rect"></path><lock v:ext="edit" aspectratio="t"></lock></shapetype><shape id="_x0000_i1025" style="WIDTH: 8.25pt; HEIGHT: 12pt" type="#_x0000_t75" alt=""><imagedata src="file:///C:%5CDOCUME~1%5Cligaoren%5CLOCALS~1%5CTemp%5Cmsohtml1%5C01%5Cclip_image001.gif" o:href="mhtml:file://C:\Documents%20and%20Settings\ligaoren\桌面\新建文件夹%20(3)\%5b最新版%5dAsp_net%20Ajax%20编程备忘录----细数28个服务器端控件%20%5b原创%5d%20-%20回头再说%20坚强2002的博客%20-%20博客园.mht!http://www.cnblogs.com/Images/OutliningIndicators/None.gif"></imagedata></shape><shape id="_x0000_i1026" style="WIDTH: 8.25pt; HEIGHT: 12pt" type="#_x0000_t75" alt=""><imagedata src="file:///C:%5CDOCUME~1%5Cligaoren%5CLOCALS~1%5CTemp%5Cmsohtml1%5C01%5Cclip_image001.gif" o:href="mhtml:file://C:\Documents%20and%20Settings\ligaoren\桌面\新建文件夹%20(3)\【Asp_net%20Ajax%20RC版】Asp_net%20Ajax编程备忘录----%20再说28个服务器端控件%20-%20回头再说%20坚强2002的博客%20-%20博客园.mht!http://www.cnblogs.com/Images/OutliningIndicators/None.gif"></imagedata></shape><scriptlanguage="javascript"type="text/javascript">
<shape id="Codehighlighter1_88_340_Open_Image" style="WIDTH: 8.25pt; HEIGHT: 12pt" type="#_x0000_t75" alt="" o:spid="_x0000_i1027"><imagedata src="file:///C:%5CDOCUME~1%5Cligaoren%5CLOCALS~1%5CTemp%5Cmsohtml1%5C01%5Cclip_image002.gif" o:href="mhtml:file://C:\Documents%20and%20Settings\ligaoren\桌面\新建文件夹%20(3)\【Asp_net%20Ajax%20RC版】Asp_net%20Ajax编程备忘录----%20再说28个服务器端控件%20-%20回头再说%20坚强2002的博客%20-%20博客园.mht!http://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif"></imagedata></shape><shape id="Codehighlighter1_88_340_Closed_Image" style="WIDTH: 8.25pt; HEIGHT: 12pt" type="#_x0000_t75" alt="" o:spid="_x0000_i1028"><imagedata src="file:///C:%5CDOCUME~1%5Cligaoren%5CLOCALS~1%5CTemp%5Cmsohtml1%5C01%5Cclip_image003.gif" o:href="mhtml:file://C:\Documents%20and%20Settings\ligaoren\桌面\新建文件夹%20(3)\【Asp_net%20Ajax%20RC版】Asp_net%20Ajax编程备忘录----%20再说28个服务器端控件%20-%20回头再说%20坚强2002的博客%20-%20博客园.mht!http://www.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif"></imagedata></shape>functiontoggleFade()<shape id="_x0000_i1029" style="WIDTH: 11.25pt; HEIGHT: 15pt" type="#_x0000_t75" alt=""><imagedata src="file:///C:%5CDOCUME~1%5Cligaoren%5CLOCALS~1%5CTemp%5Cmsohtml1%5C01%5Cclip_image004.gif" o:href="mhtml:file://C:\Documents%20and%20Settings\ligaoren\桌面\新建文件夹%20(3)\【Asp_net%20Ajax%20RC版】Asp_net%20Ajax编程备忘录----%20再说28个服务器端控件%20-%20回头再说%20坚强2002的博客%20-%20博客园.mht!http://www.cnblogs.com/Images/dot.gif"></imagedata></shape>{
<shape id="_x0000_i1030" style="WIDTH: 8.25pt; HEIGHT: 12pt" type="#_x0000_t75" alt=""><imagedata src="file:///C:%5CDOCUME~1%5Cligaoren%5CLOCALS~1%5CTemp%5Cmsohtml1%5C01%5Cclip_image005.gif" o:href="mhtml:file://C:\Documents%20and%20Settings\ligaoren\桌面\新建文件夹%20(3)\【Asp_net%20Ajax%20RC版】Asp_net%20Ajax编程备忘录----%20再说28个服务器端控件%20-%20回头再说%20坚强2002的博客%20-%20博客园.mht!http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif"></imagedata></shape>varbehavior=$find('ctl00_ContentPlaceHolder1_MyAccordion_AccordionExtender');
<shape id="Codehighlighter1_217_326_Open_Image" style="WIDTH: 8.25pt; HEIGHT: 12pt" type="#_x0000_t75" alt="" o:spid="_x0000_i1031"><imagedata src="file:///C:%5CDOCUME~1%5Cligaoren%5CLOCALS~1%5CTemp%5Cmsohtml1%5C01%5Cclip_image006.gif" o:href="mhtml:file://C:\Documents%20and%20Settings\ligaoren\桌面\新建文件夹%20(3)\【Asp_net%20Ajax%20RC版】Asp_net%20Ajax编程备忘录----%20再说28个服务器端控件%20-%20回头再说%20坚强2002的博客%20-%20博客园.mht!http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif"></imagedata></shape><shape id="Codehighlighter1_217_326_Closed_Image" style="WIDTH: 8.25pt; HEIGHT: 12pt" type="#_x0000_t75" alt="" o:spid="_x0000_i1032"><imagedata src="file:///C:%5CDOCUME~1%5Cligaoren%5CLOCALS~1%5CTemp%5Cmsohtml1%5C01%5Cclip_image007.gif" o:href="mhtml:file://C:\Documents%20and%20Settings\ligaoren\桌面\新建文件夹%20(3)\【Asp_net%20Ajax%20RC版】Asp_net%20Ajax编程备忘录----%20再说28个服务器端控件%20-%20回头再说%20坚强2002的博客%20-%20博客园.mht!http://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif"></imagedata></shape>if(behavior)<shape id="_x0000_i1033" style="WIDTH: 11.25pt; HEIGHT: 15pt" type="#_x0000_t75" alt=""><imagedata src="file:///C:%5CDOCUME~1%5Cligaoren%5CLOCALS~1%5CTemp%5Cmsohtml1%5C01%5Cclip_image004.gif" o:href="mhtml:file://C:\Documents%20and%20Settings\ligaoren\桌面\新建文件夹%20(3)\【Asp_net%20Ajax%20RC版】Asp_net%20Ajax编程备忘录----%20再说28个服务器端控件%20-%20回头再说%20坚强2002的博客%20-%20博客园.mht!http://www.cnblogs.com/Images/dot.gif"></imagedata></shape>{
<shape id="_x0000_i1034" style="WIDTH: 8.25pt; HEIGHT: 12pt" type="#_x0000_t75" alt=""><imagedata src="file:///C:%5CDOCUME~1%5Cligaoren%5CLOCALS~1%5CTemp%5Cmsohtml1%5C01%5Cclip_image005.gif" o:href="mhtml:file://C:\Documents%20and%20Settings\ligaoren\桌面\新建文件夹%20(3)\【Asp_net%20Ajax%20RC版】Asp_net%20Ajax编程备忘录----%20再说28个服务器端控件%20-%20回头再说%20坚强2002的博客%20-%20博客园.mht!http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif"></imagedata></shape>behavior.set_FadeTransitions(!behavior.get_FadeTransitions());
<shape id="_x0000_i1035" style="WIDTH: 8.25pt; HEIGHT: 12pt" type="#_x0000_t75" alt=""><imagedata src="file:///C:%5CDOCUME~1%5Cligaoren%5CLOCALS~1%5CTemp%5Cmsohtml1%5C01%5Cclip_image008.gif" o:href="mhtml:file://C:\Documents%20and%20Settings\ligaoren\桌面\新建文件夹%20(3)\【Asp_net%20Ajax%20RC版】Asp_net%20Ajax编程备忘录----%20再说28个服务器端控件%20-%20回头再说%20坚强2002的博客%20-%20博客园.mht!http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif"></imagedata></shape>}
<shape id="_x0000_i1036" style="WIDTH: 8.25pt; HEIGHT: 12pt" type="#_x0000_t75" alt=""><imagedata src="file:///C:%5CDOCUME~1%5Cligaoren%5CLOCALS~1%5CTemp%5Cmsohtml1%5C01%5Cclip_image009.gif" o:href="mhtml:file://C:\Documents%20and%20Settings\ligaoren\桌面\新建文件夹%20(3)\【Asp_net%20Ajax%20RC版】Asp_net%20Ajax编程备忘录----%20再说28个服务器端控件%20-%20回头再说%20坚强2002的博客%20-%20博客园.mht!http://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockEnd.gif"></imagedata></shape>}
<shape id="Codehighlighter1_380_1526_Open_Image" style="WIDTH: 8.25pt; HEIGHT: 12pt" type="#_x0000_t75" alt="" o:spid="_x0000_i1037"><imagedata src="file:///C:%5CDOCUME~1%5Cligaoren%5CLOCALS~1%5CTemp%5Cmsohtml1%5C01%5Cclip_image002.gif" o:href="mhtml:file://C:\Documents%20and%20Settings\ligaoren\桌面\新建文件夹%20(3)\【Asp_net%20Ajax%20RC版】Asp_net%20Ajax编程备忘录----%20再说28个服务器端控件%20-%20回头再说%20坚强2002的博客%20-%20博客园.mht!http://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif"></imagedata></shape><shape id="Codehighlighter1_380_1526_Closed_Image" style="WIDTH: 8.25pt; HEIGHT: 12pt" type="#_x0000_t75" alt="" o:spid="_x0000_i1038"><imagedata src="file:///C:%5CDOCUME~1%5Cligaoren%5CLOCALS~1%5CTemp%5Cmsohtml1%5C01%5Cclip_image003.gif" o:href="mhtml:file://C:\Documents%20and%20Settings\ligaoren\桌面\新建文件夹%20(3)\【Asp_net%20Ajax%20RC版】Asp_net%20Ajax编程备忘录----%20再说28个服务器端控件%20-%20回头再说%20坚强2002的博客%20-%20博客园.mht!http://www.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif"></imagedata></shape>functionchangeAutoSize()<shape id="_x0000_i1039" style="WIDTH: 11.25pt; HEIGHT: 15pt" type="#_x0000_t75" alt=""><imagedata src="file:///C:%5CDOCUME~1%5Cligaoren%5CLOCALS~1%5CTemp%5Cmsohtml1%5C01%5Cclip_image004.gif" o:href="mhtml:file://C:\Documents%20and%20Settings\ligaoren\桌面\新建文件夹%20(3)\【Asp_net%20Ajax%20RC版】Asp_net%20Ajax编程备忘录----%20再说28个服务器端控件%20-%20回头再说%20坚强2002的博客%20-%20博客园.mht!http://www.cnblogs.com/Images/dot.gif"></imagedata></shape>{
<shape id="_x0000_i1040" style="WIDTH: 8.25pt; HEIGHT: 12pt" type="#_x0000_t75" alt=""><imagedata src="file:///C:%5CDOCUME~1%5Cligaoren%5CLOCALS~1%5CTemp%5Cmsohtml1%5C01%5Cclip_image005.gif" o:href="mhtml:file://C:\Documents%20and%20Settings\ligaoren\桌面\新建文件夹%20(3)\【Asp_net%20Ajax%20RC版】Asp_net%20Ajax编程备忘录----%20再说28个服务器端控件%20-%20回头再说%20坚强2002的博客%20-%20博客园.mht!http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif"></imagedata></shape>varbehavior=$find('ctl00_ContentPlaceHolder1_MyAccordion_AccordionExtender');
<shape id="_x0000_i1041" style="WIDTH: 8.25pt; HEIGHT: 12pt" type="#_x0000_t75" alt=""><imagedata src="file:///C:%5CDOCUME~1%5Cligaoren%5CLOCALS~1%5CTemp%5Cmsohtml1%5C01%5Cclip_image005.gif" o:href="mhtml:file://C:\Documents%20and%20Settings\ligaoren\桌面\新建文件夹%20(3)\【Asp_net%20Ajax%20RC版】Asp_net%20Ajax编程备忘录----%20再说28个服务器端控件%20-%20回头再说%20坚强2002的博客%20-%20博客园.mht!http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif"></imagedata></shape>varctrl=$get('autosize');//这里找的是下拉列表控件,不是Behavior
<shape id="Codehighlighter1_582_1418_Open_Image" style="WIDTH: 8.25pt; HEIGHT: 12pt" type="#_x0000_t75" alt="" o:spid="_x0000_i1042"><imagedata src="file:///C:%5CDOCUME~1%5Cligaoren%5CLOCALS~1%5CTemp%5Cmsohtml1%5C01%5Cclip_image006.gif" o:href="mhtml:file://C:\Documents%20and%20Settings\ligaoren\桌面\新建文件夹%20(3)\【Asp_net%20Ajax%20RC版】Asp_net%20Ajax编程备忘录----%20再说28个服务器端控件%20-%20回头再说%20坚强2002的博客%20-%20博客园.mht!http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif"></imagedata></shape><shape id="Codehighlighter1_582_1418_Closed_Image" style="WIDTH: 8.25pt; HEIGHT: 12pt" type="#_x0000_t75" alt="" o:spid="_x0000_i1043"><imagedata src="file:///C:%5CDOCUME~1%5Cligaoren%5CLOCALS~1%5CTemp%5Cmsohtml1%5C01%5Cclip_image007.gif" o:href="mhtml:file://C:\Documents%20and%20Settings\ligaoren\桌面\新建文件夹%20(3)\【Asp_net%20Ajax%20RC版】Asp_net%20Ajax编程备忘录----%20再说28个服务器端控件%20-%20回头再说%20坚强2002的博客%20-%20博客园.mht!http://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif"></imagedata></shape>if(behavior)<shape id="_x0000_i1044" style="WIDTH: 11.25pt; HEIGHT: 15pt" type="#_x0000_t75" alt=""><imagedata src="file:///C:%5CDOCUME~1%5Cligaoren%5CLOCALS~1%5CTemp%5Cmsohtml1%5C01%5Cclip_image004.gif" o:href="mhtml:file://C:\Documents%20and%20Settings\ligaoren\桌面\新建文件夹%20(3)\【Asp_net%20Ajax%20RC版】Asp_net%20Ajax编程备忘录----%20再说28个服务器端控件%20-%20回头再说%20坚强2002的博客%20-%20博客园.mht!http://www.cnblogs.com/Images/dot.gif"></imagedata></shape>{
<shape id="_x0000_i1045" style="WIDTH: 8.25pt; HEIGHT: 12pt" type="#_x0000_t75" alt=""><imagedata src="file:///C:%5CDOCUME~1%5Cligaoren%5CLOCALS~1%5CTemp%5Cmsohtml1%5C01%5Cclip_image005.gif" o:href="mhtml:file://C:\Documents%20and%20Settings\ligaoren\桌面\新建文件夹%20(3)\【Asp_net%20Ajax%20RC版】Asp_net%20Ajax编程备忘录----%20再说28个服务器端控件%20-%20回头再说%20坚强2002的博客%20-%20博客园.mht!http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif"></imagedata></shape>varsize='None';//这里顺便看看怎么使用Select
<shape id="Codehighlighter1_693_1351_Open_Image" style="WIDTH: 8.25pt; HEIGHT: 12pt" type="#_x0000_t75" alt="" o:spid="_x0000_i1046"><imagedata src="file:///C:%5CDOCUME~1%5Cligaoren%5CLOCALS~1%5CTemp%5Cmsohtml1%5C01%5Cclip_image006.gif" o:href="mhtml:file://C:\Documents%20and%20Settings\ligaoren\桌面\新建文件夹%20(3)\【Asp_net%20Ajax%20RC版】Asp_net%20Ajax编程备忘录----%20再说28个服务器端控件%20-%20回头再说%20坚强2002的博客%20-%20博客园.mht!http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif"></imagedata></shape><shape id="Codehighlighter1_693_1351_Closed_Image" style="WIDTH: 8.25pt; HEIGHT: 12pt" type="#_x0000_t75" alt="" o:spid="_x0000_i1047"><imagedata src="file:///C:%5CDOCUME~1%5Cligaoren%5CLOCALS~1%5CTemp%5Cmsohtml1%5C01%5Cclip_image007.gif" o:href="mhtml:file://C:\Documents%20and%20Settings\ligaoren\桌面\新建文件夹%20(3)\【Asp_net%20Ajax%20RC版】Asp_net%20Ajax编程备忘录----%20再说28个服务器端控件%20-%20回头再说%20坚强2002的博客%20-%20博客园.mht!http://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif"></imagedata></shape>switch(ctrl.selectedIndex)<shape id="_x0000_i1048" style="WIDTH: 11.25pt; HEIGHT: 15pt" type="#_x0000_t75" alt=""><imagedata src="file:///C:%5CDOCUME~1%5Cligaoren%5CLOCALS~1%5CTemp%5Cmsohtml1%5C01%5Cclip_image004.gif" o:href="mhtml:file://C:\Documents%20and%20Settings\ligaoren\桌面\新建文件夹%20(3)\【Asp_net%20Ajax%20RC版】Asp_net%20Ajax编程备忘录----%20再说28个服务器端控件%20-%20回头再说%20坚强2002的博客%20-%20博客园.mht!http://www.cnblogs.com/Images/dot.gif"></imagedata></shape>{
<shape id="_x0000_i1049" style="WIDTH: 8.25pt; HEIGHT: 12pt" type="#_x0000_t75" alt=""><imagedata src="file:///C:%5CDOCUME~1%5Cligaoren%5CLOCALS~1%5CTemp%5Cmsohtml1%5C01%5Cclip_image005.gif" o:href="mhtml:file://C:\Documents%20and%20Settings\ligaoren\桌面\新建文件夹%20(3)\【Asp_net%20Ajax%20RC版】Asp_net%20Ajax编程备忘录----%20再说28个服务器端控件%20-%20回头再说%20坚强2002的博客%20-%20博客园.mht!http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif"></imagedata></shape>case0:
<shape id="_x0000_i1050" style="WIDTH: 8.25pt; HEIGHT: 12pt" type="#_x0000_t75" alt=""><imagedata src="file:///C:%5CDOCUME~1%5Cligaoren%5CLOCALS~1%5CTemp%5Cmsohtml1%5C01%5Cclip_image005.gif" o:href="mhtml:file://C:\Documents%20and%20Settings\ligaoren\桌面\新建文件夹%20(3)\【Asp_net%20Ajax%20RC版】Asp_net%20Ajax编程备忘录----%20再说28个服务器端控件%20-%20回头再说%20坚强2002的博客%20-%20博客园.mht!http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif"></imagedata></shape>behavior.get_element().style.height='auto';
<shape id="_x0000_i1051" style="WIDTH: 8.25pt; HEIGHT: 12pt" type="#_x0000_t75" alt=""><imagedata src="file:///C:%5CDOCUME~1%5Cligaoren%5CLOCALS~1%5CTemp%5Cmsohtml1%5C01%5Cclip_image005.gif" o:href="mhtml:file://C:\Documents%20and%20Settings\ligaoren\桌面\新建文件夹%20(3)\【Asp_net%20Ajax%20RC版】Asp_net%20Ajax编程备忘录----%20再说28个服务器端控件%20-%20回头再说%20坚强2002的博客%20-%20博客园.mht!http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif"></imagedata></shape>size=AjaxControlToolkit.AutoSize.None;
<shape id="_x0000_i1052" style="WIDTH: 8.25pt; HEIGHT: 12pt" type="#_x0000_t75" alt=""><imagedata src="file:///C:%5CDOCUME~1%5Cligaoren%5CLOCALS~1%5CTemp%5Cmsohtml1%5C01%5Cclip_image005.gif" o:href="mhtml:file://C:\Documents%20and%20Settings\ligaoren\桌面\新建文件夹%20(3)\【Asp_net%20Ajax%20RC版】Asp_net%20Ajax编程备忘录----%20再说28个服务器端控件%20-%20回头再说%20坚强2002的博客%20-%20博客园.mht!http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif"></imagedata></shape>break;

case1:
<shape id="_x0000_i1053" style="WIDTH: 8.25pt; HEIGHT: 12pt" type="#_x0000_t75" alt=""><imagedata src="file:///C:%5CDOCUME~1%5Cligaoren%5CLOCALS~1%5CTemp%5Cmsohtml1%5C01%5Cclip_image005.gif" o:href="mhtml:file://C:\Documents%20and%20Settings\ligaoren\桌面\新建文件夹%20(3)\【Asp_net%20Ajax%20RC版】Asp_net%20Ajax编程备忘录----%20再说28个服务器端控件%20-%20回头再说%20坚强2002的博客%20-%20博客园.mht!http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif"></imagedata></shape>behavior.get_element().style.height='400px';
<shape id="_x0000_i1054" style="WIDTH: 8.25pt; HEIGHT: 12pt" type="#_x0000_t75" alt=""><imagedata src="file:///C:%5CDOCUME~1%5Cligaoren%5CLOCALS~1%5CTemp%5Cmsohtml1%5C01%5Cclip_image005.gif" o:href="mhtml:file://C:\Documents%20and%20Settings\ligaoren\桌面\新建文件夹%20(3)\【Asp_net%20Ajax%20RC版】Asp_net%20Ajax编程备忘录----%20再说28个服务器端控件%20-%20回头再说%20坚强2002的博客%20-%20博客园.mht!http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif"></imagedata></shape>size=AjaxControlToolkit.AutoSize.Fill;
<shape id="_x0000_i1055" style="WIDTH: 8.25pt; HEIGHT: 12pt" type="#_x0000_t75" alt=""><imagedata src="file:///C:%5CDOCUME~1%5Cligaoren%5CLOCALS~1%5CTemp%5Cmsohtml1%5C01%5Cclip_image005.gif" o:href="mhtml:file://C:\Documents%20and%20Settings\ligaoren\桌面\新建文件夹%20(3)\【Asp_net%20Ajax%20RC版】Asp_net%20Ajax编程备忘录----%20再说28个服务器端控件%20-%20回头再说%20坚强2002的博客%20-%20博客园.mht!http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif"></imagedata></shape>break;
<shape id="_x0000_i1056" style="WIDTH: 8.25pt; HEIGHT: 12pt" type="#_x0000_t75" alt=""><imagedata src="file:///C:%5CDOCUME~1%5Cligaoren%5CLOCALS~1%5CTemp%5Cmsohtml1%5C01%5Cclip_image005.gif" o:href="mhtml:file://C:\Documents%20and%20Settings\ligaoren\桌面\新建文件夹%20(3)\【Asp_net%20Ajax%20RC版】Asp_net%20Ajax编程备忘录----%20再说28个服务器端控件%20-%20回头再说%20坚强2002的博客%20-%20博客园.mht!http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif"></imagedata></shape>case2:
<shape id="_x0000_i1057" style="WIDTH: 8.25pt; HEIGHT: 12pt" type="#_x0000_t75" alt=""><imagedata src="file:///C:%5CDOCUME~1%5Cligaoren%5CLOCALS~1%5CTemp%5Cmsohtml1%5C01%5Cclip_image005.gif" o:href="mhtml:file://C:\Documents%20and%20Settings\ligaoren\桌面\新建文件夹%20(3)\【Asp_net%20Ajax%20RC版】Asp_net%20Ajax编程备忘录----%20再说28个服务器端控件%20-%20回头再说%20坚强2002的博客%20-%20博客园.mht!http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif"></imagedata></shape>behavior.get_element().style.height='400px';
<shape id="_x0000_i1058" style="WIDTH: 8.25pt; HEIGHT: 12pt" type="#_x0000_t75" alt=""><imagedata src="file:///C:%5CDOCUME~1%5Cligaoren%5CLOCALS~1%5CTemp%5Cmsohtml1%5C01%5Cclip_image005.gif" o:href="mhtml:file://C:\Documents%20and%20Settings\ligaoren\桌面\新建文件夹%20(3)\【Asp_net%20Ajax%20RC版】Asp_net%20Ajax编程备忘录----%20再说28个服务器端控件%20-%20回头再说%20坚强2002的博客%20-%20博客园.mht!http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif"></imagedata></shape>size=AjaxControlToolkit.AutoSize.Limit;
<shape id="_x0000_i1059" style="WIDTH: 8.25pt; HEIGHT: 12pt" type="#_x0000_t75" alt=""><imagedata src="file:///C:%5CDOCUME~1%5Cligaoren%5CLOCALS~1%5CTemp%5Cmsohtml1%5C01%5Cclip_image005.gif" o:href="mhtml:file://C:\Documents%20and%20Settings\ligaoren\桌面\新建文件夹%20(3)\【Asp_net%20Ajax%20RC版】Asp_net%20Ajax编程备忘录----%20再说28个服务器端控件%20-%20回头再说%20坚强2002的博客%20-%20博客园.mht!http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif"></imagedata></shape>break;
<shape id="_x0000_i1060" style="WIDTH: 8.25pt; HEIGHT: 12pt" type="#_x0000_t75" alt=""><imagedata src="file:///C:%5CDOCUME~1%5Cligaoren%5CLOCALS~1%5CTemp%5Cmsohtml1%5C01%5Cclip_image008.gif" o:href="mhtml:file://C:\Documents%20and%20Settings\ligaoren\桌面\新建文件夹%20(3)\【Asp_net%20Ajax%20RC版】Asp_net%20Ajax编程备忘录----%20再说28个服务器端控件%20-%20回头再说%20坚强2002的博客%20-%20博客园.mht!http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif"></imagedata></shape>}
<shape id="_x0000_i1061" style="WIDTH: 8.25pt; HEIGHT: 12pt" type="#_x0000_t75" alt=""><imagedata src="file:///C:%5CDOCUME~1%5Cligaoren%5CLOCALS~1%5CTemp%5Cmsohtml1%5C01%5Cclip_image005.gif" o:href="mhtml:file://C:\Documents%20and%20Settings\ligaoren\桌面\新建文件夹%20(3)\【Asp_net%20Ajax%20RC版】Asp_net%20Ajax编程备忘录----%20再说28个服务器端控件%20-%20回头再说%20坚强2002的博客%20-%20博客园.mht!http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif"></imagedata></shape>behavior.set_AutoSize(size);
<shape id="_x0000_i1062" style="WIDTH: 8.25pt; HEIGHT: 12pt" type="#_x0000_t75" alt=""><imagedata src="file:///C:%5CDOCUME~1%5Cligaoren%5CLOCALS~1%5CTemp%5Cmsohtml1%5C01%5Cclip_image008.gif" o:href="mhtml:file://C:\Documents%20and%20Settings\ligaoren\桌面\新建文件夹%20(3)\【Asp_net%20Ajax%20RC版】Asp_net%20Ajax编程备忘录----%20再说28个服务器端控件%20-%20回头再说%20坚强2002的博客%20-%20博客园.mht!http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif"></imagedata></shape>}
<shape id="Codehighlighter1_1456_1512_Open_Image" style="WIDTH: 8.25pt; HEIGHT: 12pt" type="#_x0000_t75" alt="" o:spid="_x0000_i1063"><imagedata src="file:///C:%5CDOCUME~1%5Cligaoren%5CLOCALS~1%5CTemp%5Cmsohtml1%5C01%5Cclip_image006.gif" o:href="mhtml:file://C:\Documents%20and%20Settings\ligaoren\桌面\新建文件夹%20(3)\【Asp_net%20Ajax%20RC版】Asp_net%20Ajax编程备忘录----%20再说28个服务器端控件%20-%20回头再说%20坚强2002的博客%20-%20博客园.mht!http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif"></imagedata></shape><shape id="Codehighlighter1_1456_1512_Closed_Image" style="WIDTH: 8.25pt; HEIGHT: 12pt" type="#_x0000_t75" alt="" o:spid="_x0000_i1064"><imagedata src="file:///C:%5CDOCUME~1%5Cligaoren%5CLOCALS~1%5CTemp%5Cmsohtml1%5C01%5Cclip_image007.gif" o:href="mhtml:file://C:\Documents%20and%20Settings\ligaoren\桌面\新建文件夹%20(3)\【Asp_net%20Ajax%20RC版】Asp_net%20Ajax编程备忘录----%20再说28个服务器端控件%20-%20回头再说%20坚强2002的博客%20-%20博客园.mht!http://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif"></imagedata></shape>if(document.focus)<shape id="_x0000_i1065" style="WIDTH: 11.25pt; HEIGHT: 15pt" type="#_x0000_t75" alt=""><imagedata src="file:///C:%5CDOCUME~1%5Cligaoren%5CLOCALS~1%5CTemp%5Cmsohtml1%5C01%5Cclip_image004.gif" o:href="mhtml:file://C:\Documents%20and%20Settings\ligaoren\桌面\新建文件夹%20(3)\【Asp_net%20Ajax%20RC版】Asp_net%20Ajax编程备忘录----%20再说28个服务器端控件%20-%20回头再说%20坚强2002的博客%20-%20博客园.mht!http://www.cnblogs.com/Images/dot.gif"></imagedata></shape>{
<shape id="_x0000_i1066" style="WIDTH: 8.25pt; HEIGHT: 12pt" type="#_x0000_t75" alt=""><imagedata src="file:///C:%5CDOCUME~1%5Cligaoren%5CLOCALS~1%5CTemp%5Cmsohtml1%5C01%5Cclip_image005.gif" o:href="mhtml:file://C:\Documents%20and%20Settings\ligaoren\桌面\新建文件夹%20(3)\【Asp_net%20Ajax%20RC版】Asp_net%20Ajax编程备忘录----%20再说28个服务器端控件%20-%20回头再说%20坚强2002的博客%20-%20博客园.mht!http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif"></imagedata></shape>document.focus();
<shape id="_x0000_i1067" style="WIDTH: 8.25pt; HEIGHT: 12pt" type="#_x0000_t75" alt=""><imagedata src="file:///C:%5CDOCUME~1%5Cligaoren%5CLOCALS~1%5CTemp%5Cmsohtml1%5C01%5Cclip_image008.gif" o:href="mhtml:file://C:\Documents%20and%20Settings\ligaoren\桌面\新建文件夹%20(3)\【Asp_net%20Ajax%20RC版】Asp_net%20Ajax编程备忘录----%20再说28个服务器端控件%20-%20回头再说%20坚强2002的博客%20-%20博客园.mht!http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif"></imagedata></shape>}
<shape id="_x0000_i1068" style="WIDTH: 8.25pt; HEIGHT: 12pt" type="#_x0000_t75" alt=""><imagedata src="file:///C:%5CDOCUME~1%5Cligaoren%5CLOCALS~1%5CTemp%5Cmsohtml1%5C01%5Cclip_image009.gif" o:href="mhtml:file://C:\Documents%20and%20Settings\ligaoren\桌面\新建文件夹%20(3)\【Asp_net%20Ajax%20RC版】Asp_net%20Ajax编程备忘录----%20再说28个服务器端控件%20-%20回头再说%20坚强2002的博客%20-%20博客园.mht!http://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockEnd.gif"></imagedata></shape>}
<shape id="_x0000_i1069" style="WIDTH: 8.25pt; HEIGHT: 12pt" type="#_x0000_t75" alt=""><imagedata src="file:///C:%5CDOCUME~1%5Cligaoren%5CLOCALS~1%5CTemp%5Cmsohtml1%5C01%5Cclip_image001.gif" o:href="mhtml:file://C:\Documents%20and%20Settings\ligaoren\桌面\新建文件夹%20(3)\【Asp_net%20Ajax%20RC版】Asp_net%20Ajax编程备忘录----%20再说28个服务器端控件%20-%20回头再说%20坚强2002的博客%20-%20博客园.mht!http://www.cnblogs.com/Images/OutliningIndicators/None.gif"></imagedata></shape></script>

<ajaxToolkit:AccordionID="MyAccordion"runat="server"SelectedIndex="0"HeaderCssClass="accordionHeader"
<shape id="_x0000_i1070" style="WIDTH: 8.25pt; HEIGHT: 12pt" type="#_x0000_t75" alt=""><imagedata src="file:///C:%5CDOCUME~1%5Cligaoren%5CLOCALS~1%5CTemp%5Cmsohtml1%5C01%5Cclip_image001.gif" o:href="mhtml:file://C:\Documents%20and%20Settings\ligaoren\桌面\新建文件夹%20(3)\%5b最新版%5dAsp_net%20Ajax%20编程备忘录----细数28个服务器端控件%20%5b原创%5d%20-%20回头再说%20坚强2002的博客%20-%20博客园.mht!http://www.cnblogs.com/Images/OutliningIndicators/None.gif"></imagedata></shape>ContentCssClass="accordionContent"FadeTransitions="false"FramesPerSecond="40"
<shape id="_x0000_i1071" style="WIDTH: 8.25pt; HEIGHT: 12pt" type="#_x0000_t75" alt=""><imagedata src="file:///C:%5CDOCUME~1%5Cligaoren%5CLOCALS~1%5CTemp%5Cmsohtml1%5C01%5Cclip_image001.gif" o:href="mhtml:file://C:\Documents%20and%20Settings\ligaoren\桌面\新建文件夹%20(3)\%5b最新版%5dAsp_net%20Ajax%20编程备忘录----细数28个服务器端控件%20%5b原创%5d%20-%20回头再说%20坚强2002的博客%20-%20博客园.mht!http://www.cnblogs.com/Images/OutliningIndicators/None.gif"></imagedata></shape>TransitionDuration="250"AutoSize="None">
<shape id="_x0000_i1072" style="WIDTH: 8.25pt; HEIGHT: 12pt" type="#_x0000_t75" alt=""><imagedata src="file:///C:%5CDOCUME~1%5Cligaoren%5CLOCALS~1%5CTemp%5Cmsohtml1%5C01%5Cclip_image001.gif" o:href="mhtml:file://C:\Documents%20and%20Settings\ligaoren\桌面\新建文件夹%20(3)\%5b最新版%5dAsp_net%20Ajax%20编程备忘录----细数28个服务器端控件%20%5b原创%5d%20-%20回头再说%20坚强2002的博客%20-%20博客园.mht!http://www.cnblogs.com/Images/OutliningIndicators/None.gif"></imagedata></shape><Panes>
<shape id="_x0000_i1073" style="WIDTH: 8.25pt; HEIGHT: 12pt" type="#_x0000_t75" alt=""><imagedata src="file:///C:%5CDOCUME~1%5Cligaoren%5CLOCALS~1%5CTemp%5Cmsohtml1%5C01%5Cclip_image001.gif" o:href="mhtml:file://C:\Documents%20and%20Settings\ligaoren\桌面\新建文件夹%20(3)\%5b最新版%5dAsp_net%20Ajax%20编程备忘录----细数28个服务器端控件%20%5b原创%5d%20-%20回头再说%20坚强2002的博客%20-%20博客园.mht!http://www.cnblogs.com/Images/OutliningIndicators/None.gif"></imagedata></shape><ajaxToolkit:AccordionPaneID="AccordionPane1"runat="server">
<shape id="_x0000_i1074" style="WIDTH: 8.25pt; HEIGHT: 12pt" type="#_x0000_t75" alt=""><imagedata src="file:///C:%5CDOCUME~1%5Cligaoren%5CLOCALS~1%5CTemp%5Cmsohtml1%5C01%5Cclip_image001.gif" o:href="mhtml:file://C:\Documents%20and%20Settings\ligaoren\桌面\新建文件夹%20(3)\%5b最新版%5dAsp_net%20Ajax%20编程备忘录----细数28个服务器端控件%20%5b原创%5d%20-%20回头再说%20坚强2002的博客%20-%20博客园.mht!http://www.cnblogs.com/Images/OutliningIndicators/None.gif"></imagedata></shape><Header>
<shape id="_x0000_i1075" style="WIDTH: 8.25pt; HEIGHT: 12pt" type="#_x0000_t75" alt=""><imagedata src="file:///C:%5CDOCUME~1%5Cligaoren%5CLOCALS~1%5CTemp%5Cmsohtml1%5C01%5Cclip_image001.gif" o:href="mhtml:file://C:\Documents%20and%20Settings\ligaoren\桌面\新建文件夹%20(3)\%5b最新版%5dAsp_net%20Ajax%20编程备忘录----细数28个服务器端控件%20%5b原创%5d%20-%20回头再说%20坚强2002的博客%20-%20博客园.mht!http://www.cnblogs.com/Images/OutliningIndicators/None.gif"></imagedata></shape><ahref=""onclick="returnfalse;"class="accordionLink">1.Accordion</a></Header>
<shape id="_x0000_i1076" style="WIDTH: 8.25pt; HEIGHT: 12pt" type="#_x0000_t75" alt=""><imagedata src="file:///C:%5CDOCUME~1%5Cligaoren%5CLOCALS~1%5CTemp%5Cmsohtml1%5C01%5Cclip_image001.gif" o:href="mhtml:file://C:\Documents%20and%20Settings\ligaoren\桌面\新建文件夹%20(3)\%5b最新版%5dAsp_net%20Ajax%20编程备忘录----细数28个服务器端控件%20%5b原创%5d%20-%20回头再说%20坚强2002的博客%20-%20博客园.mht!http://www.cnblogs.com/Images/OutliningIndicators/None.gif"></imagedata></shape><Content>
<shape id="_x0000_i1077" style="WIDTH: 8.25pt; HEIGHT: 12pt" type="#_x0000_t75" alt=""><imagedata src="file:///C:%5CDOCUME~1%5Cligaoren%5CLOCALS~1%5CTemp%5Cmsohtml1%5C01%5Cclip_image001.gif" o:href="mhtml:file://C:\Documents%20and%20Settings\ligaoren\桌面\新建文件夹%20(3)\%5b最新版%5dAsp_net%20Ajax%20编程备忘录----细数28个服务器端控件%20%5b原创%5d%20-%20回头再说%20坚强2002的博客%20-%20博客园.mht!http://www.cnblogs.com/Images/OutliningIndicators/None.gif"></imagedata></shape></Content>
<shape id="_x0000_i1078" style="WIDTH: 8.25pt; HEIGHT: 12pt" type="#_x0000_t75" alt=""><imagedata src="file:///C:%5CDOCUME~1%5Cligaoren%5CLOCALS~1%5CTemp%5Cmsohtml1%5C01%5Cclip_image001.gif" o:href="mhtml:file://C:\Documents%20and%20Settings\ligaoren\桌面\新建文件夹%20(3)\%5b最新版%5dAsp_net%20Ajax%20编程备忘录----细数28个服务器端控件%20%5b原创%5d%20-%20回头再说%20坚强2002的博客%20-%20博客园.mht!http://www.cnblogs.com/Images/OutliningIndicators/None.gif"></imagedata></shape></ajaxToolkit:AccordionPane>
<shape id="_x0000_i1079" style="WIDTH: 8.25pt; HEIGHT: 12pt" type="#_x0000_t75" alt=""><imagedata src="file:///C:%5CDOCUME~1%5Cligaoren%5CLOCALS~1%5CTemp%5Cmsohtml1%5C01%5Cclip_image001.gif" o:href="mhtml:file://C:\Documents%20and%20Settings\ligaoren\桌面\新建文件夹%20(3)\%5b最新版%5dAsp_net%20Ajax%20编程备忘录----细数28个服务器端控件%20%5b原创%5d%20-%20回头再说%20坚强2002的博客%20-%20博客园.mht!http://www.cnblogs.com/Images/OutliningIndicators/None.gif"></imagedata></shape></Panes>
<shape id="_x0000_i1080" style="WIDTH: 8.25pt; HEIGHT: 12pt" type="#_x0000_t75" alt=""><imagedata src="file:///C:%5CDOCUME~1%5Cligaoren%5CLOCALS~1%5CTemp%5Cmsohtml1%5C01%5Cclip_image001.gif" o:href="mhtml:file://C:\Documents%20and%20Settings\ligaoren\桌面\新建文件夹%20(3)\%5b最新版%5dAsp_net%20Ajax%20编程备忘录----细数28个服务器端控件%20%5b原创%5d%20-%20回头再说%20坚强2002的博客%20-%20博客园.mht!http://www.cnblogs.com/Images/OutliningIndicators/None.gif"></imagedata></shape></ajaxToolkit:Accordion>

2. AlwaysVisibleControl

【功能概述】
AlwaysVisibleControl 是一个简单的扩展控件可以让一部分内容浮动在页面上，当滚动页面或者改变浏览器大小时总是可见的。它可以扩展任意一个Asp.net 控件，并可按照要求设置水平 竖直方向上的相对距离.

最多的应用是在线阅读的目录和不胜其烦的浮动小广告。

【细节】

(1) 避免控件闪烁，要扩展的控件要使用absolutely position

(2) HorizontalSide="Center" VerticalSide="Top" 使用这个方式控制浮动的位置

(3) Var label = ocument.getElementById('ctl00_SampleContent_currentTime');这行代码我们可以使用更简单的方法：
var label = $get('ctl00_SampleContent_currentTime');

【代码示意】

<shape id="_x0000_i1081" style="WIDTH: 8.25pt; HEIGHT: 12pt" type="#_x0000_t75" alt=""><imagedata src="file:///C:%5CDOCUME~1%5Cligaoren%5CLOCALS~1%5CTemp%5Cmsohtml1%5C01%5Cclip_image001.gif" o:href="mhtml:file://C:\Documents%20and%20Settings\ligaoren\桌面\新建文件夹%20(3)\%5b最新版%5dAsp_net%20Ajax%20编程备忘录----细数28个服务器端控件%20%5b原创%5d%20-%20回头再说%20坚强2002的博客%20-%20博客园.mht!http://www.cnblogs.com/Images/OutliningIndicators/None.gif"></imagedata></shape>代码示意：
<shape id="_x0000_i1082" style="WIDTH: 8.25pt; HEIGHT: 12pt" type="#_x0000_t75" alt=""><imagedata src="file:///C:%5CDOCUME~1%5Cligaoren%5CLOCALS~1%5CTemp%5Cmsohtml1%5C01%5Cclip_image001.gif" o:href="mhtml:file://C:\Documents%20and%20Settings\ligaoren\桌面\新建文件夹%20(3)\%5b最新版%5dAsp_net%20Ajax%20编程备忘录----细数28个服务器端控件%20%5b原创%5d%20-%20回头再说%20坚强2002的博客%20-%20博客园.mht!http://www.cnblogs.com/Images/OutliningIndicators/None.gif"></imagedata></shape><cc1:AlwaysVisibleControlExtenderID="AlwaysVisibleControlExtender1"HorizontalSide="Center"VerticalSide="Top"TargetControlID="Panel1"runat="server">

3. Animation

【功能概述】

28个控件种效果最酷的！顾名思义实现动画效果。它是一个插入式，可扩展的框架可以方便的为你的页面添加动画效果。

【细节】

请参考页面代码阅读下面的细节内容:

(1)Sys.UI.DomElement.getLocation(b) 取得控件位置的函数，常用！！！
(2)动画分为两种：Animation Action 后者的强大让我很兴奋
(3)<Sequence> </Sequence> 顺序执行的动画脚本
(4)<Parallel> <Parallel > 并发执行的动画脚本
(5)【Action】 <StyleAction AnimationTarget="btnCloseParent" Attribute="opacity" value="0" /> 控制目标元素外观样式，属性--值的格式修改，一个元素可以应用多个StyleAction
(6)【Action】<EnableAction AnimationTarget="ctl00_ContentPlaceHolder1_btnInfo" Enabled="true" /> 控件是否可用使用的方式跟上面是一样的，当前控件可省略AnimationTarget
(7)【Action】 <ScriptAction Script="Cover($get('ctl00_ContentPlaceHolder1_btnInfo'), $get('flyout'));" />执行一段脚本的Action
(8) 【Action】 <HideAction />隐藏目标的控件
(9) 【Action】<OpacityAction AnimationTarget="info" Opacity="0" /> 设置透明度的Action
(10)【Animation】 <FadeIn AnimationTarget="info" Duration=".2"/> <FadeOut /> 淡入淡出
(11)【Animation】<Scale ScaleFactor="0.05" Center="true" ScaleFont="true" FontUnit="px" /> 控制目标元素的大小但是注意：If scaleFont is true, the size of the font will also scale with the element. If center is true, then the element's center will not move as it is scaled. It is important to note that the target must be positioned (i.e. absolutely) so that settings its top/left properties will change its location in order for center to have an effect.
(12) 【Animation】 <Pulse Duration=".1" /> 脉搏跳动效果
(13)【Animation】 <Color Duration=".2" StartValue="#FFFFFF" EndValue="#FF0000" Property="style" PropertyKey="color" /> 颜色渐变效果，设置起始结束颜色就可以
(14) 【Animation】 <Resize Width="260" Height="280" />改变元素的大小Action

(15)动画效果是在用户某一个动作发生的时候触发，触发的时机包括：OnLoad OnClick OnMouseOver OnMouseOut OnHoverOver OnHoverOut

正式版的页面文件为动画脚本添加了注释更加清晰易懂.上面列出的是常用的一些动画效果，全部资料参见Anmation Reference。

仔细阅读Animation的页面代码，其实我们已经提前触摸到了Xaml的编程风格。Asp.net Ajax之后的下一代WEB界面是WPF/E,WPF/E现在支持的是”javascript+Xaml” 还不支持”C# + Xaml”。

下一代的WEB UI会是怎样的？下一个版本的Asp.net 会怎样安排Ajax的位置？WPF/E会不会被整合在新版本的Asp.net中呢？期待中……

【示意代码】

代码示意：
<shape id="_x0000_i1083" style="WIDTH: 8.25pt; HEIGHT: 12pt" type="#_x0000_t75" alt=""><imagedata src="file:///C:%5CDOCUME~1%5Cligaoren%5CLOCALS~1%5CTemp%5Cmsohtml1%5C01%5Cclip_image001.gif" o:href="mhtml:file://C:\Documents%20and%20Settings\ligaoren\桌面\新建文件夹%20(3)\%5b最新版%5dAsp_net%20Ajax%20编程备忘录----细数28个服务器端控件%20%5b原创%5d%20-%20回头再说%20坚强2002的博客%20-%20博客园.mht!http://www.cnblogs.com/Images/OutliningIndicators/None.gif"></imagedata></shape><ajaxToolkit:AnimationExtenderID="ae"
<shape id="_x0000_i1084" style="WIDTH: 8.25pt; HEIGHT: 12pt" type="#_x0000_t75" alt=""><imagedata src="file:///C:%5CDOCUME~1%5Cligaoren%5CLOCALS~1%5CTemp%5Cmsohtml1%5C01%5Cclip_image001.gif" o:href="mhtml:file://C:\Documents%20and%20Settings\ligaoren\桌面\新建文件夹%20(3)\%5b最新版%5dAsp_net%20Ajax%20编程备忘录----细数28个服务器端控件%20%5b原创%5d%20-%20回头再说%20坚强2002的博客%20-%20博客园.mht!http://www.cnblogs.com/Images/OutliningIndicators/None.gif"></imagedata></shape>runat="server"TargetControlID="ctrl">
<shape id="_x0000_i1085" style="WIDTH: 8.25pt; HEIGHT: 12pt" type="#_x0000_t75" alt=""><imagedata src="file:///C:%5CDOCUME~1%5Cligaoren%5CLOCALS~1%5CTemp%5Cmsohtml1%5C01%5Cclip_image001.gif" o:href="mhtml:file://C:\Documents%20and%20Settings\ligaoren\桌面\新建文件夹%20(3)\%5b最新版%5dAsp_net%20Ajax%20编程备忘录----细数28个服务器端控件%20%5b原创%5d%20-%20回头再说%20坚强2002的博客%20-%20博客园.mht!http://www.cnblogs.com/Images/OutliningIndicators/None.gif"></imagedata></shape><Animations>
<shape id="_x0000_i1086" style="WIDTH: 8.25pt; HEIGHT: 12pt" type="#_x0000_t75" alt=""><imagedata src="file:///C:%5CDOCUME~1%5Cligaoren%5CLOCALS~1%5CTemp%5Cmsohtml1%5C01%5Cclip_image001.gif" o:href="mhtml:file://C:\Documents%20and%20Settings\ligaoren\桌面\新建文件夹%20(3)\%5b最新版%5dAsp_net%20Ajax%20编程备忘录----细数28个服务器端控件%20%5b原创%5d%20-%20回头再说%20坚强2002的博客%20-%20博客园.mht!http://www.cnblogs.com/Images/OutliningIndicators/None.gif"></imagedata></shape><OnLoad><shape id="_x0000_i1087" style="WIDTH: 11.25pt; HEIGHT: 15pt" type="#_x0000_t75" alt=""><imagedata src="file:///C:%5CDOCUME~1%5Cligaoren%5CLOCALS~1%5CTemp%5Cmsohtml1%5C01%5Cclip_image004.gif" o:href="mhtml:file://C:\Documents%20and%20Settings\ligaoren\桌面\新建文件夹%20(3)\%5b最新版%5dAsp_net%20Ajax%20编程备忘录----细数28个服务器端控件%20%5b原创%5d%20-%20回头再说%20坚强2002的博客%20-%20博客园.mht!http://www.cnblogs.com/Images/dot.gif"></imagedata></shape></OnLoad>
<shape id="_x0000_i1088" style="WIDTH: 8.25pt; HEIGHT: 12pt" type="#_x0000_t75" alt=""><imagedata src="file:///C:%5CDOCUME~1%5Cligaoren%5CLOCALS~1%5CTemp%5Cmsohtml1%5C01%5Cclip_image001.gif" o:href="mhtml:file://C:\Documents%20and%20Settings\ligaoren\桌面\新建文件夹%20(3)\%5b最新版%5dAsp_net%20Ajax%20编程备忘录----细数28个服务器端控件%20%5b原创%5d%20-%20回头再说%20坚强2002的博客%20-%20博客园.mht!http://www.cnblogs.com/Images/OutliningIndicators/None.gif"></imagedata></shape><OnClick><shape id="_x0000_i1089" style="WIDTH: 11.25pt; HEIGHT: 15pt" type="#_x0000_t75" alt=""><imagedata src="file:///C:%5CDOCUME~1%5Cligaoren%5CLOCALS~1%5CTemp%5Cmsohtml1%5C01%5Cclip_image004.gif" o:href="mhtml:file://C:\Documents%20and%20Settings\ligaoren\桌面\新建文件夹%20(3)\%5b最新版%5dAsp_net%20Ajax%20编程备忘录----细数28个服务器端控件%20%5b原创%5d%20-%20回头再说%20坚强2002的博客%20-%20博客园.mht!http://www.cnblogs.com/Images/dot.gif"></imagedata></shape></OnClick>
<shape id="_x0000_i1090" style="WIDTH: 8.25pt; HEIGHT: 12pt" type="#_x0000_t75" alt=""><imagedata src="file:///C:%5CDOCUME~1%5Cligaoren%5CLOCALS~1%5CTemp%5Cmsohtml1%5C01%5Cclip_image001.gif" o:href="mhtml:file://C:\Documents%20and%20Settings\ligaoren\桌面\新建文件夹%20(3)\%5b最新版%5dAsp_net%20Ajax%20编程备忘录----细数28个服务器端控件%20%5b原创%5d%20-%20回头再说%20坚强2002的博客%20-%20博客园.mht!http://www.cnblogs.com/Images/OutliningIndicators/None.gif"></imagedata></shape><OnMouseOver><shape id="_x0000_i1091" style="WIDTH: 11.25pt; HEIGHT: 15pt" type="#_x0000_t75" alt=""><imagedata src="file:///C:%5CDOCUME~1%5Cligaoren%5CLOCALS~1%5CTemp%5Cmsohtml1%5C01%5Cclip_image004.gif" o:href="mhtml:file://C:\Documents%20and%20Settings\ligaoren\桌面\新建文件夹%20(3)\%5b最新版%5dAsp_net%20Ajax%20编程备忘录----细数28个服务器端控件%20%5b原创%5d%20-%20回头再说%20坚强2002的博客%20-%20博客园.mht!http://www.cnblogs.com/Images/dot.gif"></imagedata></shape></OnMouseOver>
<shape id="_x0000_i1092" style="WIDTH: 8.25pt; HEIGHT: 12pt" type="#_x0000_t75" alt=""><imagedata src="file:///C:%5CDOCUME~1%5Cligaoren%5CLOCALS~1%5CTemp%5Cmsohtml1%5C01%5Cclip_image001.gif" o:href="mhtml:file://C:\Documents%20and%20Settings\ligaoren\桌面\新建文件夹%20(3)\%5b最新版%5dAsp_net%20Ajax%20编程备忘录----细数28个服务器端控件%20%5b原创%5d%20-%20回头再说%20坚强2002的博客%20-%20博客园.mht!http://www.cnblogs.com/Images/OutliningIndicators/None.gif"></imagedata></shape><OnMouseOut><shape id="_x0000_i1093" style="WIDTH: 11.25pt; HEIGHT: 15pt" type="#_x0000_t75" alt=""><imagedata src="file:///C:%5CDOCUME~1%5Cligaoren%5CLOCALS~1%5CTemp%5Cmsohtml1%5C01%5Cclip_image004.gif" o:href="mhtml:file://C:\Documents%20and%20Settings\ligaoren\桌面\新建文件夹%20(3)\%5b最新版%5dAsp_net%20Ajax%20编程备忘录----细数28个服务器端控件%20%5b原创%5d%20-%20回头再说%20坚强2002的博客%20-%20博客园.mht!http://www.cnblogs.com/Images/dot.gif"></imagedata></shape></OnMouseOut>
<shape id="_x0000_i1094" style="WIDTH: 8.25pt; HEIGHT: 12pt" type="#_x0000_t75" alt=""><imagedata src="file:///C:%5CDOCUME~1%5Cligaoren%5CLOCALS~1%5CTemp%5Cmsohtml1%5C01%5Cclip_image001.gif" o:href="mhtml:file://C:\Documents%20and%20Settings\ligaoren\桌面\新建文件夹%20(3)\%5b最新版%5dAsp_net%20Ajax%20编程备忘录----细数28个服务器端控件%20%5b原创%5d%20-%20回头再说%20坚强2002的博客%20-%20博客园.mht!http://www.cnblogs.com/Images/OutliningIndicators/None.gif"></imagedata></shape><OnHoverOver><shape id="_x0000_i1095" style="WIDTH: 11.25pt; HEIGHT: 15pt" type="#_x0000_t75" alt=""><imagedata src="file:///C:%5CDOCUME~1%5Cligaoren%5CLOCALS~1%5CTemp%5Cmsohtml1%5C01%5Cclip_image004.gif" o:href="mhtml:file://C:\Documents%20and%20Settings\ligaoren\桌面\新建文件夹%20(3)\%5b最新版%5dAsp_net%20Ajax%20编程备忘录----细数28个服务器端控件%20%5b原创%5d%20-%20回头再说%20坚强2002的博客%20-%20博客园.mht!http://www.cnblogs.com/Images/dot.gif"></imagedata></shape></OnHoverOver>
<shape id="_x0000_i1096" style="WIDTH: 8.25pt; HEIGHT: 12pt" type="#_x0000_t75" alt=""><imagedata src="file:///C:%5CDOCUME~1%5Cligaoren%5CLOCALS~1%5CTemp%5Cmsohtml1%5C01%5Cclip_image001.gif" o:href="mhtml:file://C:\Documents%20and%20Settings\ligaoren\桌面\新建文件夹%20(3)\%5b最新版%5dAsp_net%20Ajax%20编程备忘录----细数28个服务器端控件%20%5b原创%5d%20-%20回头再说%20坚强2002的博客%20-%20博客园.mht!http://www.cnblogs.com/Images/OutliningIndicators/None.gif"></imagedata></shape><OnHoverOut><shape id="_x0000_i1097" style="WIDTH: 11.25pt; HEIGHT: 15pt" type="#_x0000_t75" alt=""><imagedata src="file:///C:%5CDOCUME~1%5Cligaoren%5CLOCALS~1%5CTemp%5Cmsohtml1%5C01%5Cclip_image004.gif" o:href="mhtml:file://C:\Documents%20and%20Settings\ligaoren\桌面\新建文件夹%20(3)\%5b最新版%5dAsp_net%20Ajax%20编程备忘录----细数28个服务器端控件%20%5b原创%5d%20-%20回头再说%20坚强2002的博客%20-%20博客园.mht!http://www.cnblogs.com/Images/dot.gif"></imagedata></shape></OnHoverOut>
<shape id="_x0000_i1098" style="WIDTH: 8.25pt; HEIGHT: 12pt" type="#_x0000_t75" alt=""><imagedata src="file:///C:%5CDOCUME~1%5Cligaoren%5CLOCALS~1%5CTemp%5Cmsohtml1%5C01%5Cclip_image001.gif" o:href="mhtml:file://C:\Documents%20and%20Settings\ligaoren\桌面\新建文件夹%20(3)\%5b最新版%5dAsp_net%20Ajax%20编程备忘录----细数28个服务器端控件%20%5b原创%5d%20-%20回头再说%20坚强2002的博客%20-%20博客园.mht!http://www.cnblogs.com/Images/OutliningIndicators/None.gif"></imagedata></shape></Animations>
<shape id="_x0000_i1099" style="WIDTH: 8.25pt; HEIGHT: 12pt" type="#_x0000_t75" alt=""><imagedata src="file:///C:%5CDOCUME~1%5Cligaoren%5CLOCALS~1%5CTemp%5Cmsohtml1%5C01%5Cclip_image001.gif" o:href="mhtml:file://C:\Documents%20and%20Settings\ligaoren\桌面\新建文件夹%20(3)\%5b最新版%5dAsp_net%20Ajax%20编程备忘录----细数28个服务器端控件%20%5b原创%5d%20-%20回头再说%20坚强2002的博客%20-%20博客园.mht!http://www.cnblogs.com/Images/OutliningIndicators/None.gif"></imagedata></shape></ajaxToolkit:AnimationExtender>

4. AutoComplete NEW!!!

【功能概述】

AutoComplete控件是对Asp.net文本框控件的扩展，当用户词汇前面的字母时以弹出区域的形式给出备选词。这个功能的完成依赖于特定的Web Service。

在正式版的Ajax Control Toolkit中看到自动完成扩展控件有一种感觉：它终于出现在了它应该出现的地方。之前AutoComplete控件是在CTP版本中以核心组件的形式出现的，这个功能极为明确的控件被归类到核心组件，我还是比较迷惑。正式版中它终于成为了一个扩展控件。

Google的自动完成功能，新浪 网易等信箱的收件人自动完成功能是这个功能的成功应用。

【细节】
从Atlas的版本开始，AutoComplete的使用方法就没有太大的改变，只要注意：

(1)调用的Web Service方法签名有要求：
[WebMe

iteye_3619
关注
ajax 服务器端控件详解
01-08
AJAX 服务器端控件详解 针对ASP.NET 2.0以上版本,VS 增加了AJAX有务器端控件
Ajax Control Toolkit 34个服务器端控件
05-14
Accordion 控件是 AJAX Control Toolkit 中的一个重要组件，用于创建一种交互式用户界面，允许用户在多个面板（AccordionPanes）之间切换，同时只显示一个面板的内容。这种效果类似于常见的折叠面板，但更加强调一次...
一套使用简单的Ajax服务器控件-Anthem.NET
weixin_34059951的博客
02-22 124
经常去codeproject的肯定见过，最近上面发布了一套非常好用的Ajax服务器控件目前评价已经很高了 51 votes for this article. Popularity: 8.06. Rating: 4.72 out of 5. 一、设计思路简单清晰 我们以往的使用的框架或自己直接使用xmlhttp直接实现Ajax...
使用AJAX控件来实现Ajax操作（支持服务器事件）
DTable&DTControls爱好者
06-03 1123
在一个在线客服系统中，使用了Ajax技术实现无刷新的信息更新。下面这个例子是定时清理不在线的客户 首先在load事件中注册private void Page_Load(object sender, System.EventArgs e)  {   // 在此处放置用户代码以初始化页面   Ajax.Utility.RegisterTypeForAjax(typeof(Project.www
Ajax之三 Ajax服务器端控件
weixin_30571465的博客
06-04 407
[学习目标] F理解并掌握ScriptManager控件的使用 F了解ScriptManager控件的使用 F理解并掌握Timer控件的使用 F理解并掌握UpdatePanel控件的使用 F理解并掌握UpdateProgress控件的使用 【本章简介】 Ajax Extensions是...
细数Ajax Control Toolkit 1.0 正式版32个服务器端控件
weixin_34249678的博客
12-03 73
自Asp.net Ajax正式版发布以来，专注于AjaxControlToolkit，新增4控件着实有趣且其它28个控件尚有新收获和疑问；因之前写过两文，[最新版]Asp.net Ajax 编程备忘录----细数28个服务器端控件 [原创]【Asp.net Ajax RC版】Asp.net Ajax编程备忘录---- 再说28个服务器端控件不敢行复...
转载 [最新整理版]细数Ajax Control Toolkit 34个服务器端控件
xingxing的专栏
01-08 609
转载 [最新整理版]细数Ajax Control Toolkit 34个服务器端控件 1. Accordion【功能概述】 Accordion可以让你设计多个panel 并且一次只显示一个Panel .在页面上的显示效果就像是使用了多个CollapsiblePanels只不过每一次只展开其中一个CollapsiblePanel.Accordion控件内部包含了若干个AccordionP
Ajax Control Toolkit 34个服务器端控件.doc
07-04
标题提到的 "Ajax Control Toolkit 34个服务器端控件" 涵盖了多种不同的UI组件，每个都有特定的功能和用途。这里我们将深入探讨其中的一个控件：Accordion。 Accordion 控件是 Ajax Control Toolkit 中的一个重要...
细数Ajax Control Toolkit 34个服务器端控件(转)
javazhuanzai的专栏
02-01 378
====================================================== 注：本文源代码点此下载 ====================================================== 转自http://www.cnblogs.com/me-sa/archive/2007/04/06/702803.html 1. accordi
细数Ajax Control Toolkit 34个服务器端控件
weixin_30399871的博客
08-03 199
1. Accordion【功能概述】 Accordion可以让你设计多个panel 并且一次只显示一个Panel .在页面上的显示效果就像是使用了多个CollapsiblePanels只不过每一次只展开其中一个CollapsiblePanel.Accordion控件内部包含了若干个AccordionPane，每一个AccordionPane的template里包括了对其Header和Content...
Ajax Control Toolkit：探索34个服务器端控件
"Ajax Control Toolkit 34个服务器端控件" Ajax Control Toolkit 是一个非常实用的库，提供了许多丰富的客户端控件，用于增强ASP.NET应用的用户体验，无需深入JavaScript编程。这个文档详细介绍了34个服务器端控件...
应用CNN卷积神经网络构建的auto encoder自编码器，经过训练实现了对带有噪点的MNIST手写字体图片进行去噪的处理
最新发布
08-15
资源下载链接为： https://pan.quark.cn/s/864eaed220e0 应用CNN卷积神经网络构建的auto encoder自编码器，经过训练实现了对带有噪点的MNIST手写字体图片进行去噪的处理（最新、最全版本！打开链接下载即可用！）
IP-guard应用程序预定义库
08-15
IP-guard应用程序预定义库
CH341A编程器软件1.3支持25Q256等32M芯片
08-15
CH341A编程器是一款广泛应用的通用编程设备，尤其在电子工程和嵌入式系统开发领域中，它被用来烧录各种类型的微控制器、存储器和其他IC芯片。这款编程器的最新版本为1.3，它的一个显著特点是增加了对25Q256等32M芯片的支持。 25Q256是一种串行EEPROM（电可擦可编程只读存储器）芯片，通常用于存储程序代码、配置数据或其他非易失性信息。32M在这里指的是存储容量，即该芯片可以存储32兆位（Mbit）的数据，换算成字节数就是4MB。这种大容量的存储器在许多嵌入式系统中都有应用，例如汽车电子、工业控制、消费电子设备等。 CH341A编程器的1.3版更新，意味着它可以与更多的芯片型号兼容，特别是针对32M容量的芯片进行了优化，提高了编程效率和稳定性。26系列芯片通常指的是Microchip公司的25系列SPI（串行外围接口）EEPROM产品线，这些芯片广泛应用于各种需要小体积、低功耗和非易失性存储的应用场景。 全功能版的CH341A编程器不仅支持25Q256，还支持其他大容量芯片，这意味着它具有广泛的兼容性，能够满足不同项目的需求。这包括但不限于微控制器、EPROM、EEPROM、闪存、逻辑门电路等多种类型芯片的编程。 使用CH341A编程器进行编程操作时，首先需要将设备通过USB连接到计算机，然后安装相应的驱动程序和编程软件。在本例中，压缩包中的"CH341A_1.30"很可能是编程软件的安装程序。安装后，用户可以通过软件界面选择需要编程的芯片类型，加载待烧录的固件或数据，然后执行编程操作。编程过程中需要注意的是，确保正确设置芯片的电压、时钟频率等参数，以防止损坏芯片。 CH341A编程器1.3版是面向电子爱好者和专业工程师的一款实用工具，其强大的兼容性和易用性使其在众多编程器中脱颖而出。对于需要处理25Q256等32M芯片的项目，或者26系列芯片的编程工作，CH341A编程器是理想的选择。通过持续的软件更新和升级，它保持了与现代电子技术同步，确保用户能方便地对各种芯片进行编程和调试。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值