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

     主要预先设置控件的状态,使其达到动画的初始状态。

posted on 2008-12-02 17:16  飘渺冰血  阅读(181)  评论(0编辑  收藏  举报