Ajax ControlToolkit - AnimationExtender Action语法(笔记)
Action语法和渐变动画语法有所不同,Action语法并没有动画的效果,取而代之的,是针对特定控件执行命令。主要的功能是配合XML动画代码协同运作。
EnableAction
将AnimationTarget设为Enabled或者Disabled:
<Sequence>
<EnableAction AnimationTarget="Pnl1" enabled="false" />
</Sequence>
HideAction
隐藏AnimationTarget:
<Sequence>
<HideAction AnimationTarget="Pnl1" />
</Sequence>
隐藏控件后,可以通过设置其style.display属性将其显示出来。
StyleAction
直接设置AnimationTarget的某个attribute:
<Sequence>
<HideAction duration=".5" AnimationTarget="Pnl1" />
<StyleAction duration="1.3" AnimationTarget="Pnl1" attribute="display" value="block" />
</Sequence>
上面的代码会在延迟0.5秒后把Pnl1设为隐藏,接着延迟1.3秒把Pnl1再显出来。
OpacityAction
直接设置AnimationTarget的透明度,不会使用动画效果:
<Sequence>
<OpacityAction AnimationTarget="Img1" opacity="0.3" />
</Sequence>
ScrptAction
直接执行一段JavaScript:
<Sequence>
<ScriptAction duration="1" script="alert('test');" />
</Sequence>
Action小结
主要预先设置控件的状态,使其达到动画的初始状态。