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>
<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>


浙公网安备 33010602011771号