学习 Web Forms
  • 爱学习公众号

    关注爱学习公众号

  • 扫码手机阅读更方便

推荐阅读
  • 使用 SqlDataSource 控件查询数据 (C#)

    在前面的教程中,我们使用了 ObjectDataSource 控件将表示层与数据访问层完全分离。 从本教程开始,我们将了解如何将 SqlDataSource 控件用于简单的应用程序,这些应用程序不需要这种严格地分离显示和数据访问。

  • 编辑器控件自定义

    本文内容 作者: Joe Stagner在此视频中,Joe 演示如何创建一个新类,该类派生自 AJAX 控件工具包的编辑器控件并实现 "简单" 用户。▶观看视频(8分钟)上一页下一页

  • 通过数据库使用 CascadingDropDown (C#)

    AJAX 控件工具包中的 CascadingDropDown 控件扩展了 DropDownList 控件,以便其中一个 DropDownList 中的更改加载另一个 DropDownList 中的关联值。 为了使其正常工作,必须创建一个特殊的 web 服务。

  • 使用 Visual Studio 2010 在企业方案中部署 Web 应用程序

    本教程集介绍了可用于在各种企业方案中部署 web 应用程序的工具和技术。 它介绍了如何充分利用 Visual Studio 2010、Microsoft 生成引擎(MSBuild)、Internet Information Services (IIS)7.5、IIS Web 部署工具(Web 部署)、Web 场框架(WFF)和实用工具(如 VSDBCMD)等技术简化和管理部署过程。 其中包括概念

  • ASP.NET AJAX 可拖动面板扩展程序

    本文内容 作者: Joe Stagner借助 ASP.NET AJAX 可拖动面板扩展器,你可以提供一个包含标题区域的内容面板,该面板允许用户在网页周围移动面板。▶观看视频(6分钟)上一页下一页

  • Visual Studio 2008 集成开发环境快速教程

    本文内容 作者: Chris 像素在 Visual Studio 2008 中浏览 IDE 的新增功能和更改。 请参阅更新的网页编辑器、WPF 窗体设计器、CSS 编辑器等。▶观看视频(14分钟)上一页下一页

  • ASP.NET AJAX DropShadow 扩展程序

    本文内容 作者: Joe Stagner了解如何通过使用 AJAX DropShadow 扩展器控件将不透明的圆角投影添加到页面区域,从而改进 ASP.NET 网站的呈现。▶观看视频(2分钟)上一页下一页

  • 在操作中监视 ASP.NET 开发

    本文内容 作者: Joe Stagner通过 ASP.NET 2.0、ASP.NET AJAX、SQL Server Express 和 Visual Web Developer,观看从头开始构建 "待办事项" 任务列表应用程序是多么简单。

  • 创建互斥复选框 (VB)

    如果只能选择一组选项中的一个选项,则通常会使用单选按钮。 但有一个缺点:选中组中的一个单选按钮后,不能取消选中所有单选按钮。 任何时候都可以取消选中复选框,但并不相互排斥。 本教程提供了这两种方法的最佳方案:互相排斥的复选框。

  • ASP.NET AJAX NoBot 控件

    本文内容 作者: Joe StagnerASP.NET AJAX 控件工具包中的 NoBot 控件可帮助防止某些类型的未经授权访问 Web 应用程序。 在此视频中,我们将了解 NoBot 控件如何提供多种内置防护来防范自动访问,包括检查窗体提交的数量和频率。

选取列表中的动画 (C#)

作者: 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 添加到页面,提供 IDTargetControlID 属性和必备 runat="server":

<ajaxToolkit:AnimationExtender ID="ae" runat="server" TargetControlID="Panel1">

在 "<Animations>" 节点中,在完全加载页面后使用 <OnLoad> 运行动画。 <Case> 元素会进入播放,而不是常规动画之一。 计算其 SelectScript 属性的值;返回值必须是数字。 根据此数字,将执行 <事例> 中的一个 subanimations。 例如,如果 SelectScript 的计算结果为2,则控件工具包会在 <大小写> (从0开始计数)内运行第三个动画。

以下标记定义了三个 subanimations:调整宽度大小、调整高度大小并淡出。然后,JavaScript 代码(Math.floor(3 * Math.random()))将选取0到2之间的一个数字,以便运行三个动画之一:

<ajaxToolkit:AnimationExtender ID="ae" runat="server"
 TargetControlID="Panel1">
 <Animations>
 <OnLoad>
 <Case SelectScript="Math.floor(3 * Math.random())">
 <Resize Width="1000" Unit="px" />
 <Resize Height="150" Unit="px" />
 <FadeOut Duration="1.5" Fps="24" />
 </Case>
 </OnLoad>
 </Animations>
</ajaxToolkit:AnimationExtender>

可能的三个动画之一:面板变宽

可能的三个动画之一:面板变宽(单击以查看完全大小的图像

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