Animation控件的使用語法

Animation控件的使用語法 ... ... ... ... ... ... 其中各屬性的說明如下: l OnLoad:表示要觸發的事件是加載頁面時。 l OnClick:表示要觸發的事件是單擊控件時。 l OnMouseOver:表示要觸發的事件是鼠標滑過時。 l OnMouseOut:表示要觸發的事件是鼠標移走時。 l OnHoverOver:與OnMouseOver類似,對特定控件而言。 l OnHoverOut:與OnMouseOut類似,對特定控件而言。 1.變色顏色的動畫效果 本例要實現的是當鼠標滑過Panel時,Panel的顏色發生變化,當鼠標移走時,Panel的顏色又發生了變化,這需要“Color Animation”。Color Animation動畫的屬性主要有4個: l Duration:動畫顯示效果的時間間隔。 l PropertyKey:要設置的屬性值。 l StartValue:屬性的開始值。 l EndValue:屬性的結束值。 2.淡入淡出合併的動畫效果 淡入淡出效果是網站中經常看到的效果,本例使用“Fade Animation”來實現這樣的效果,“Fade Animation”的屬性主要有4個: l duration:動畫效果的時間間隔。 l Fps:幀/秒的顯示速度。 l maximumOpacity:最大透明度。 l minimumOpacity:最小透明度。 3.淡入和淡出分開的動畫效果 上一個實例中,當鼠標滑過時,其實是完成兩步:淡入和淡出。通常在實際應用中,淡入和淡出是分開的。本例要演示的是當鼠標滑過時,實現淡入效果,當鼠標移出時,實現淡出效果。 此功能需要使用“FadeIn Animation”和“FadeOut Animation”,其中兩個動畫控件有着相同的屬性,屬性內容如下: l duration:動畫效果的時間間隔。 l Fps:幀/秒的顯示速度。 l maximumOpacity:最大透明度。 l minimumOpacity:最小透明度。 4.可伸縮的動畫效果 本例要實現的效果是,當單擊Panel時,變化Panel的高度和寬度。這需要使用“Resize Animation”動畫控件。其屬性主要有5個: l duration:動畫效果的時間間隔。 l Fps:幀/秒的顯示速度。 l width:變化後的寬度。 l height:變化後的高度。 l unit:高度和寬度的單位,通常爲“px”。 5.Action行爲實例 Animation控件除了具備一些小的動畫控件外,還支持幾種特殊的Action行爲,如控制按鈕不可用、隱藏按鈕和設置透明度等 1用EnableAction控件設置html的按鈕點擊後不可用: ajaxToolkit:AnimationExtender ID="AnimationExtender1" runat="server" TargetControlID="btn"> 2.StyleAction行爲用來設計控件的一些屬性,例如設置控件的背景色、高度等等,其包括3個屬性: l AnimationTarget:要實現特效的控件。 l Attribute:控件的某一屬性,如display。 l Value:屬性的值,如“None”。 例子是讓按鈕點擊後隱藏: 3.OpacityAction是控制透明度的行爲。其主要包括3個屬性: l duration:動畫效果的時間間隔。 l Fps:幀/秒的顯示速度。 l opacity:透明度的值。 例子是讓panel點擊後透明度改變
發佈了67 篇原創文章 · 獲贊 3 · 訪問量 10萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章