AJAX ControlToolkit学习日志-AnimationExtender控件(3)

本文介绍AnimationExtender控件的使用方法,并通过实例演示如何为面板添加鼠标单击时的渐淡放大再缩小动画效果。
      AnimationExtender控件是添加动画效果的控件扩展。在动画组合中可以添加的事件如:OnClick,OnLoad,OnMouseOver,OnMourseOut,OnHoverOver,OnHoverOut。
      OnLoad:在页面导入时的动作。
      OnClick:在单击控件时的动作。
      OnMourseOver:在鼠标滑过时的动作。
      OnMourseOut:在鼠标滑出时的动作。
      OnHoverOver:类似OnMourseOver,在鼠标滑过时产生,但是它的动作的执行必须在OnHoverOut动作完成或不执行时。
      OnHoverOut:类似OnMourseOut,在鼠标滑过时产生,但是它的动作的执行必须在OnHoverOver动作完成或不执行时。

示例:
         在本示例中,演示鼠标单击面板,面板渐淡放大后有缩小。代码如下:
 1None.gif            <cc1:AnimationExtender ID="AnimationExtender1" runat="server" TargetControlID="Panel1">
 2None.gif                <Animations>
 3None.gif                    <OnClick>
 4None.gif                        <Sequence >
 5None.gif                            <Pulse Duration="0.1" />
 6None.gif                            <Parallel Duration=".5" Fps="30">
 7None.gif                                <FadeOut />
 8None.gif                                <Scale ScaleFactor="5" Unit="px" Center="true" ScaleFont="true" FontUnit="pt" />
 9None.gif                            </Parallel>
10None.gif                            <Parallel Duration=".5" Fps="30">
11None.gif                                <FadeIn />
12None.gif                                <Scale ScaleFactor="0.2" Unit="px" Center="true" ScaleFont="True" FontUnit="pt" />
13None.gif                            </Parallel>
14None.gif                        </Sequence>
15None.gif                    </OnClick>
16None.gif                </Animations>
17None.gif            </cc1:AnimationExtender>

转载于:https://www.cnblogs.com/qc1984326/archive/2007/03/15/675920.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值