AJAX ControlToolkit学习日志-AnimationExtender控件(3)
AnimationExtender控件是添加动画效果的控件扩展。在动画组合中可以添加的事件如:OnClick,OnLoad,OnMouseOver,OnMourseOut,OnHoverOver,OnHoverOut。
OnLoad:在页面导入时的动作。
OnClick:在单击控件时的动作。
OnMourseOver:在鼠标滑过时的动作。
OnMourseOut:在鼠标滑出时的动作。
OnHoverOver:类似OnMourseOver,在鼠标滑过时产生,但是它的动作的执行必须在OnHoverOut动作完成或不执行时。
OnHoverOut:类似OnMourseOut,在鼠标滑过时产生,但是它的动作的执行必须在OnHoverOver动作完成或不执行时。
示例:
在本示例中,演示鼠标单击面板,面板渐淡放大后有缩小。代码如下:
OnLoad:在页面导入时的动作。
OnClick:在单击控件时的动作。
OnMourseOver:在鼠标滑过时的动作。
OnMourseOut:在鼠标滑出时的动作。
OnHoverOver:类似OnMourseOver,在鼠标滑过时产生,但是它的动作的执行必须在OnHoverOut动作完成或不执行时。
OnHoverOut:类似OnMourseOut,在鼠标滑过时产生,但是它的动作的执行必须在OnHoverOver动作完成或不执行时。
示例:
在本示例中,演示鼠标单击面板,面板渐淡放大后有缩小。代码如下:
1 <cc1:AnimationExtender ID="AnimationExtender1" runat="server" TargetControlID="Panel1">
2 <Animations>
3 <OnClick>
4 <Sequence >
5 <Pulse Duration="0.1" />
6 <Parallel Duration=".5" Fps="30">
7 <FadeOut />
8 <Scale ScaleFactor="5" Unit="px" Center="true" ScaleFont="true" FontUnit="pt" />
9 </Parallel>
10 <Parallel Duration=".5" Fps="30">
11 <FadeIn />
12 <Scale ScaleFactor="0.2" Unit="px" Center="true" ScaleFont="True" FontUnit="pt" />
13 </Parallel>
14 </Sequence>
15 </OnClick>
16 </Animations>
17 </cc1:AnimationExtender>
2 <Animations>
3 <OnClick>
4 <Sequence >
5 <Pulse Duration="0.1" />
6 <Parallel Duration=".5" Fps="30">
7 <FadeOut />
8 <Scale ScaleFactor="5" Unit="px" Center="true" ScaleFont="true" FontUnit="pt" />
9 </Parallel>
10 <Parallel Duration=".5" Fps="30">
11 <FadeIn />
12 <Scale ScaleFactor="0.2" Unit="px" Center="true" ScaleFont="True" FontUnit="pt" />
13 </Parallel>
14 </Sequence>
15 </OnClick>
16 </Animations>
17 </cc1:AnimationExtender>