AJAX ControlToolkit學習日誌-AnimationExtender控制項(3)

來源:互聯網
上載者:User
       AnimationExtender控制項是添加動畫效果的控制項擴充。在動畫組合中可以添加的事件如:OnClick,OnLoad,OnMouseOver,OnMourseOut,OnHoverOver,OnHoverOut。
       OnLoad:在頁面匯入時的動作。
       OnClick:在單擊控制項時的動作。
       OnMourseOver:在滑鼠滑過時的動作。
       OnMourseOut:在滑鼠滑出時的動作。
       OnHoverOver:類似OnMourseOver,在滑鼠滑過時產生,但是它的動作的執行必須在OnHoverOut動作完成或不執行時。
       OnHoverOut:類似OnMourseOut,在滑鼠滑過時產生,但是它的動作的執行必須在OnHoverOver動作完成或不執行時。

樣本:
         在本樣本中,示範按一下滑鼠面板,面板漸淡放大後有縮小。代碼如下: 1            <cc1:AnimationExtender ID="AnimationExtender1" runat="server" TargetControlID="Panel1">
 2                <Animations>
 3                    <OnClick>
 4                        <Sequence >
 5                            <Pulse Duration="0.1" />
 6                            <Parallel Duration=".5" Fps="30">
 7                                <FadeOut />
 8                                <Scale ScaleFactor="5" Unit="px" Center="true" ScaleFont="true" FontUnit="pt" />
 9                            </Parallel>
10                            <Parallel Duration=".5" Fps="30">
11                                <FadeIn />
12                                <Scale ScaleFactor="0.2" Unit="px" Center="true" ScaleFont="True" FontUnit="pt" />
13                            </Parallel>
14                        </Sequence>
15                    </OnClick>
16                </Animations>
17            </cc1:AnimationExtender>

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.