AjaxControlToolKit 学习之：Animation

                           Animation

 效果:颜色变化,弹出消失等动画. 

功能:实现一些特殊的效果

实现: 1.触发事件 

<ajaxToolkit:AnimationExtender ID="ae"

  runat="server" TargetControlID="ctrl">

    <Animations>

        <OnLoad>  </OnLoad>

        <OnClick>  </OnClick>

        <OnMouseOver>  </OnMouseOver>

        <OnMouseOut>  </OnMouseOut>

        <OnHoverOver>  </OnHoverOver>

        <OnHoverOut>  </OnHoverOut>

    </Animations>

</ajaxToolkit:AnimationExtender>




2.支持的效果

<Sequence>
   <Parallel>..</Parallel> //结合系列效果的序列

<Sequence/>
<Pulse Duration=".1" />  //脉冲(变幻频率)

   Duration:时间间隔 
 <FadeOut Duration=".5" Fps="20" /> //渐消失 

 <Scale ScaleFactor="1.5" Unit="px" Center="true"  ScaleFont="true" FontUnit="pt" />//放缩

   ScaleFactor:放大程度
  ScaleFont:设置文本内容是否也一起放大

 <StyleAction AnimationTarget="dv" Attribute="display" Value="block"/> //事件触发后改变目标样式

 <Move Horizontal="150" Vertical="-50" /> //目标的移动位置

 <Color PropertyKey="borderColor" StartValue="#666666" EndValue="#FF0000" />//颜色变化











PropertyKey:取值(color,borderColor,backgroundColor)

<ScriptAction Script="Cover($get('ctl00_SampleContent_infoBtn'), $get('flyout'));" />//执行脚本