逐一执行多个动画 (C#)
ASP.NET AJAX 控件工具包中的动画控件不仅是一个控件，而且是一个用于向控件添加动画的整个框架。 它允许一个接一个地运行多个动画。
ASP.NET AJAX 控件工具包中的动画控件不仅是一个控件，而且是一个用于向控件添加动画的整个框架。 它允许一个接一个地运行多个动画。
步骤
首先，在页面中包括 ScriptManager ;然后加载 ASP.NET AJAX 库，从而可以使用 Control Toolkit：
<asp:ScriptManager ID="asm" runat="server" />
动画将应用于如下所示的文本面板：
<asp:Panel ID="panelShadow" runat="server" CssClass="panelClass">
ASP.NET AJAX is a free framework for quickly creating a new generation of more
efficient, more interactive and highly-personalized Web experiences that work
across all the most popular browsers.<br />
ASP.NET AJAX is a free framework for quickly creating a new generation of more
efficient, more interactive and highly-personalized Web experiences that work
across all the most popular browsers.<br />
ASP.NET AJAX is a free framework for quickly creating a new generation of more
efficient, more interactive and highly-personalized Web experiences that work
across all the most popular browsers.<br />
</asp:Panel>
在面板的关联 CSS 类中，定义漂亮的背景色，并为面板设置固定宽度：
<style type="text/css">
.panelClass {background-color: lime; width: 300px;}
</style>
然后，将 添加到 AnimationExtender 页面，并提供 ID、 TargetControlID 属性和强制 runat="server":
<ajaxToolkit:AnimationExtender ID="ae" runat="server" TargetControlID="Panel1">
在 节点中 <Animations> ，使用 <OnLoad> 在页面完全加载后运行动画。 通常， <OnLoad> 仅接受一个动画。 动画框架允许使用 <Sequence> 元素将多个动画联接到一个动画中。 内 <Sequence> 的所有动画将逐个执行。 下面是控件的可能标记 AnimationExtender ，首先使面板变宽，然后减小其高度：
<ajaxToolkit:AnimationExtender ID="ae" runat="server" TargetControlID="Panel1">
<Animations>
<OnLoad>
<Sequence>
<Resize Width="1000" Unit="px" />
<Resize Height="150" Unit="px" />
</Sequence>
</OnLoad>
</Animations>
</ajaxToolkit:AnimationExtender>
运行此脚本时，面板首先变宽，然后变小。
首先增加宽度 (单击以查看全尺寸图像)
然后， (单击以查看全尺寸图像)
