用來美化、裝飾網站等。
屬性：
OnLoad：表示要觸發的事件是加載頁面時。
OnClick：表示要觸發的事件是單擊控件時。
OnMouseOver：表示要觸發的事件是鼠標滑過時。
OnMouseOut：表示要觸發的事件是鼠標移走時
OnHoverOver：與OnMouseOver類似，對特定控件而言。
OnHoverOut：與OnMouseOut類似，對特定控件而言。
1．變色顏色的動畫效果
本例要實現的是當鼠標滑過Panel時，Panel的顏色發生變化，當鼠標移走時，Panel的顏色又發生了變化，這需要“Color Animation”。Color Animation動畫的屬性主要有4個：
Duration：動畫顯示效果的時間間隔。
PropertyKey：要設置的屬性值。
StartValue：屬性的開始值。
EndValue：屬性的結束值。
2．淡入淡出合併的動畫效果
淡入淡出效果是網站中經常看到的效果，本例使用“Fade Animation”來實現這樣的效果，“Fade Animation”的屬性主要有4個：
duration：動畫效果的時間間隔。
Fps：幀/秒的顯示速度。
maximumOpacity：最大透明度。
minimumOpacity：最小透明度。
3．淡入和淡出分開的動畫效果
上一個實例中，當鼠標滑過時，其實是完成兩步：淡入和淡出。通常在實際應用中，淡入和淡出是分開的。本例要演示的是當鼠標滑過時，實現淡入效果，當鼠標移出時，實現淡出效果。
此功能需要使用“FadeIn Animation”和“FadeOut Animation”，其中兩個動畫控件有着相同的屬性，屬性內容如下：
duration：動畫效果的時間間隔。
Fps：幀/秒的顯示速度。
maximumOpacity：最大透明度。
minimumOpacity：最小透明度。
4．可伸縮的動畫效果
本例要實現的效果是，當單擊Panel時，變化Panel的高度和寬度。這需要使用“Resize Animation”動畫控件。其屬性主要有5個：
duration：動畫效果的時間間隔。
Fps：幀/秒的顯示速度。
width：變化後的寬度。
height：變化後的高度。
unit：高度和寬度的單位，通常爲“px”。
代碼實例：
<body onload="focus();"> <div class="banner"> <a href="http://abcdwxc.cnblogs.com/" target="_blank"> AnimationExtender控件的使用------王曉成的博客 </a> </div> <div class="description"> 請單擊,移到上面，及移出<strong>“請按下我！”</strong>，來看看它會有什麼樣的變化。 </div> <p /> <form id="form1" runat="server"> <div> <asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager> <ajaxToolkit:AnimationExtender ID="AE" runat="server" TargetControlID="myPanel"> <Animations> <OnClick> <FadeOut Duration="2" Fps="10" /> </OnClick> <OnMouseOver> <Color Duration=".2" PropertyKey="color" StartValue="#FFFFFF" EndValue="#FF0000" /> </OnMouseOver> <OnMouseOut> <Color Duration=".2" PropertyKey="color" StartValue="#000000" EndValue="#FFFFFF" /> </OnMouseOut> </Animations> </ajaxToolkit:AnimationExtender> </div> <div align="center"> <asp:Panel ID="myPanel" runat="server" style="cursor:pointer;"> 請按下我！ </asp:Panel> </div> </form></body>