学习 Web Forms
  • 爱学习公众号

    关注爱学习公众号

  • 扫码手机阅读更方便

推荐阅读
  • 安装 SQL 成员资格提供程序

    本文内容 作者: Hynds加入 "Hynds",他演示了如何设置 SQL 成员资格提供程序,以便向 ASP.NET 2.0 网站添加 Forms 身份验证。 其中涉及到了一些提示和技巧,如使用 regsql 中的 aspnet_实用程序,

  • 检查与插入、更新和删除操作有关的事件 (C#)

    在本教程中,我们将使用 ASP.NET 数据 Web 控件的插入、更新或删除操作前后的事件进行检查。 我们还将了解如何自定义编辑界面,以便仅更新产品字段的子集。

  • Tailspin Spyworks

    如何使用 ASP.NET 4 中的新功能构建在线商店,包括购物、结帐和管理。

  • Visual Studio 2008 中新增的设计器支持

    本文内容 作者: Joe Stagner在此视频中,我将演示 Visual Studio 2008 中的几个新设计器功能。▶观看视频(14分钟)下一部分

  • .NET 4

    .NET Framework 4 中可用的新 ASP.NET 特性和功能。

  • 团队系统单元测试简介

    本文内容 作者: Eric在此视频中,我们将了解如何将 Visual Studio Team System 的单元测试功能直接集成到 Visual Studio IDE 中。▶观看视频(10分钟)下一部分

  • 负载测试 Web 应用程序

    本文内容 作者: Chris Menegay此视频将引导你完成记录 Web 测试的过程,并将其重播为模拟多个用户的负载测试。 我们将了解如何使用 Visual Studio Team System 来设置服务器资源利用率的警告和严重阈值,该阈值定义 Web 应

  • Tailspin Spyworks - 目录组织

    本文内容 作者: Joe StagnerJoe Stagner 修改了 Tailspin Spyworks 示例 Web 窗体应用程序的默认目录结构。▶观看视频(4分钟)上一页下一页

  • 使用 SQL 缓存依赖项 (VB)

    最简单的缓存策略是允许缓存数据在指定的时间段后过期。 但这种简单的方法意味着缓存的数据与其基础数据源不保持关联,导致陈旧的数据过长或当前过期的数据太快过期。 更好的方法是使用 SqlCacheDependency 类,以便在 SQL 数据库中修改数据之前,数据将一直保持缓存状态。 本教程将向您介绍如何操作。

  • 使用创建用户向导创建用户帐户

    本文内容 作者: Joe Stagner在此视频中,Joe Stagner 演示了如何通过 ASP.NET 和 Visual Studio 中的登录控件集合附带的 "创建用户" 向导来创建用户。 有关此视频的其他信息,请阅读 "创

使用客户端代码执行动画 (VB)

作者: Christian Wenz

下载代码下载 PDF

ASP.NET AJAX 控件工具包中的动画控件不仅仅是一个控件,而是用于向控件添加动画的整个框架。 还可以使用自定义客户端 JavaScript 代码触发动画的执行。

概述

ASP.NET AJAX 控件工具包中的动画控件不仅仅是一个控件,而是用于向控件添加动画的整个框架。 还可以使用自定义客户端 JavaScript 代码触发动画的执行。

步骤

首先,将 ScriptManager 包括在页面中;然后,加载 ASP.NET AJAX 库,使其可以使用控件工具包:

<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>" 节点中,在用户单击面板后使用 <OnClick> 运行动画。 添加两个要并行执行的动画:

<Animations>
 <OnClick>
 <Parallel>
 <FadeOut Duration="1.5" Fps="24" />
 <Resize Width="1000" Height="150" Unit="px" />
 </Parallel>
 </OnClick>
 </Animations>
</ajaxToolkit:AnimationExtender>

为了演示这种情况,在页面运行后,将使用 JavaScript 代码执行此动画(以及使用控制工具包创建的任何其他动画)。 首先,我们需要访问 AnimationExtender 控件。 ASP.NET AJAX 库为此任务提供 $find() 函数:

var ae = $find("ae");

AnimationExtender 控件公开一个丰富的 API,其中包含名称与 XML 标记中使用的事件处理程序相同的方法: OnClick()OnLoad()等。 例如,调用 OnClick() 方法会在 AnimationExtender 控件的 <OnClick> 元素内执行动画:

ae.OnClick();

下面是完整的客户端 JavaScript 代码,该代码在页面完全加载后,将模拟单击面板上的单击,请注意,一旦页面和所有包含的 JavaScript 库加载完毕,ASP.NET AJAX 就会调用 pageLoad() 函数名称。

<script type="text/javascript">
 function pageLoad() {
 var ae = $find("ae");
 ae.OnClick();
 }
</script>

动画立即运行,而无需鼠标单击

动画会立即运行,无需鼠标单击(单击即可查看完全大小的图像

关于我们 免责声明 联系我们
Copyright © 2021 爱学习网 浙ICP备18049359号 网站地图 Google地图