通过

从服务器端修改动画

Christian Wenz

本文档是Visual Basic 教程（转至 Visual C# 教程）

ASP.NET AJAX Control Toolkit 中的Animation 控件不仅仅是一个控件 ，它是一个可向控件添加动画的框架。我们还可以从服务器端修改动画。

« 前一篇教程 |  下一篇教程 »

概述

ASP.NET AJAX Control Toolkit 中的Animation 控件不仅仅是一个控件 ，它是一个可向控件添加动画的框架。我们还可以从服务器端修改动画。

步骤

首先 ，将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>

在该面板关联的CSS 类中 ，为该面板定义一个美观的背景色并设置一个固定的宽度 ：

<script runat="server">
Sub Page_Load()
     Dim ae As New AjaxControlToolkit.AnimationExtender()
     ae.TargetControlID = "Panel1"

其余的代码都运行于服务器端 ，并不使用标记 ；取而代之使用代码来创建AnimationExtender 控件 ：

ae.Animations = "<OnLoad><Parallel><FadeOut Duration=""1.5""
          Fps=""24"" /><Resize Width=""1000""
          Height=""150"" Unit=""px"" /></Parallel></OnLoad>"

然而 ，Control Toolkit 目前没有提供一个API 访问功能来创建各个动画。但我们可以这样：将 AnimationExtender 的Animations属性设置为一个字符串，其中含有以声明方式指定动画时要使用的XML标记。为了创建这个XML— 它不可以包含 <Animations> 元素，我们可以使用.NET Framework 的XML支持功能，或者象下面代码那样，只提供字符串：

form1.Controls.Add(ae)
End Sub
</script>

用服务器端的 C#/VB 代码创建动画

 

 

下一篇教程