ajaxtoolkit中的animation例子和说明资源-CSDN文库

共24个文件

dll：17个

aspx：1个

txt：1个

ajaxtoolkit

animation

5星 · 超过95%的资源需积分: 10 181 浏览量 2009-06-16 19:50:31 上传评论收藏 665KB RAR 举报

AjaxControlToolkit是一个非常实用的ASP.NET库，它包含了一系列丰富的客户端控件和行为，极大地扩展了ASP.NET AJAX的功能。在这些工具中，Animation是特别引人注目的一个，它允许开发者为网页添加复杂的动画效果，而无需深入JavaScript或jQuery的底层细节。本篇文章将详细介绍AjaxControlToolkit中的Animation组件，并通过具体的例子进行演示。 Animation组件提供了灵活的方式来创建和控制页面元素的动画效果，包括淡入淡出、移动、旋转等。它基于Microsoft AJAX Library，利用UpdatePanel的异步更新机制，使得动画效果可以在不刷新整个页面的情况下实现。Animation控件可以单独使用，也可以与其他AjaxControlToolkit的控件结合，比如Accordion、Calendar等，为它们添加动态效果。要在页面中使用Animation控件，需要在Page头部引用AjaxControlToolkit的JavaScript库以及CSS样式表。这通常通过在`<head>`标签内添加`ScriptManager`和`ToolkitScriptManager`来完成。`ToolkitScriptManager`替代了默认的`ScriptManager`，并加载了AjaxControlToolkit所需的资源。 ```html <head runat="server"> <title>Animation示例</title> <asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server"> </asp:ToolkitScriptManager> <style type="text/css"> /* 添加必要的样式以显示动画效果 */ </style> </head> ``` 接下来，定义一个要应用动画的元素，例如一个简单的按钮： ```html <body> <form id="form1" runat="server"> <div> <asp:Button ID="Button1" Text="点击开始动画" OnClientClick="startAnimation()" runat="server" /> <asp:Panel ID="Panel1" BackColor="Red" Width="100px" Height="100px" runat="server">  </asp:Panel> </div> </form> </body> ``` 然后，在代码后面添加一个`<ajaxToolkit:AnimationExtender>`控件，指定目标元素（如上面的Panel1），并定义一系列动画效果： ```html <ajaxToolkit:AnimationExtender ID="AnimationExtender1" runat="server" TargetControlID="Panel1"> <Animations>  <Sequence Duration="2000"> <FadeIn Duration="1000" FadesIn="true" /> <SlideFromLeft Duration="1000" Distance="200" /> <FadeOut Duration="1000" FadesOut="true" /> </Sequence> </Animations> </ajaxToolkit:AnimationExtender> ``` 在上面的例子中，我们为Panel1设置了三个动画效果：首先是渐显（FadeIn），持续1秒；接着是从左侧滑入（SlideFromLeft），滑动距离200像素，也持续1秒；最后是渐隐（FadeOut），同样持续1秒。总动画时间为2秒。为了在按钮点击时启动动画，我们需要在JavaScript中调用`startAnimation()`函数： ```javascript function startAnimation() { var extender = $find('<%= AnimationExtender1.ClientID %>'); extender.play(); } ``` 在这个例子中，`$find()`函数用于获取AnimationExtender的客户端对象，然后调用其`play()`方法启动动画。 AjaxControlToolkit的Animation组件为ASP.NET开发者提供了一种简单、直观的方式来创建丰富的客户端动画效果。通过组合不同的动画效果，开发者可以设计出各种复杂的交互体验，提升用户体验。在实际项目中，可以根据需求调整动画参数，或者结合其他AjaxControlToolkit控件，创造出更具吸引力的Web应用。通过下载和学习AjaxControlToolkit_Ani

资源推荐

资源详情

资源评论

收起资源包目录

AjaxControlToolki_Animation.rar （24个子文件）

AjaxControlToolki_Animation

Default.aspx 17KB

Animation.doc 185KB

App_Data

Bin

AjaxControlToolkit.pdb 904KB

tr-TR

AjaxControlToolkit.resources.dll 12KB

zh-CHS

AjaxControlToolkit.resources.dll 11KB

AjaxControlToolkit.resources.dll 5KB

AjaxControlToolkit.dll.refresh 138B

AjaxControlToolkit.resources.dll 5KB

AjaxControlToolkit.resources.dll 14KB

AjaxControlToolkit.resources.dll 5KB

AjaxControlToolkit.resources.dll 6KB

AjaxControlToolkit.resources.dll 5KB

AjaxControlToolkit.dll 1.82MB

zh-CHT

AjaxControlToolkit.resources.dll 11KB

web.config 6KB

readme.txt 483B

Default.aspx.cs 378B

ASP.NET AJAX Control Toolkit Website Project ======================================================== You're now ready to start using the AJAX Control Toolkit. This project is ready to use. To use an AJAX Control Toolkit control, use the "ajaxToolkit" prefix. Example: <ajaxToolkit:ConfirmButtonExtender /> To learn more about the AJAX Control Toolkit, visit: http://ajax.asp.net/ajaxtoolkit/ provided by nicholas Pei. Contact me :nic162534@hotmail.com

评论收藏

内容反馈