Asp.net Ajax 服务器控件使用 --- 3.Animation

Animation Demonstration

<div id="flyout" style="z-index: 2; display: none; border: solid 1px #D0D0D0; background-color: #FFFFFF;
        overflow: hidden;">
        &nbsp;</div>
    <div id="info" style="z-index: 2; display: none; font-size: 12px; border: solid 1px #CCCCCC;
        background-color: #FFFFFF; width: 250px; padding: 5px; font-family: font-size: 12px;">
        <div style="float: right; opacity: 0; filter: alpha(opacity=0);" id="btnCloseParent">
            <asp:LinkButton ID="btnClose" runat="server" OnClientClick="return false;" Text=""
                Style="text-align: right; border: outset thin white; padding: 5px; text-decoration: none;
                background-color: #666666; color: White; text-align: center; font-weight: bold;"
                ToolTip="Close">X</asp:LinkButton></div>
        <div>
            <p>
                第一章 中国哲学的精神 哲学在中国文化中所占的地位，历来可以与宗教在其他文化中的地位相比。在中国，哲 学与知识分子人人有关。在旧时，一个人只要受教育，就是用哲学发蒙。儿童入学，首先教
                他们读“四书”，即《论语》、《孟子》、《大学》、《中庸》。“四书”是新儒家哲学最 重要的课本。有时候，儿童刚刚开始识字，就读一种课本，名叫《三宇经》，每句三个宇，
                偶句押韵，朗诵起来便于记忆。这本书实际上是个识字课本，就是它，开头两句也是“人之 初，性本善”。这是孟子哲学的基本观念之一。
            </p>
            <br />
            <p>
                The XML defining the animations is very easy to learn and write, such as this example's
                <asp:LinkButton ID="lnkShow" OnClientClick="return false;" runat="server">show</asp:LinkButton>
                and
                <asp:LinkButton OnClientClick="return false;" ID="lnkClose" runat="server">close</asp:LinkButton>
                markup.
            </p>
        </div>
    </div>

>

Animation

    <cc1:AnimationExtender ID="ace" runat="server" TargetControlID="btnInfo">
        <Animations>
                <OnLoad><OpacityAction AnimationTarget="info" Opacity="0" /></OnLoad>
                <OnClick>
                    <Sequence>
                        <EnableAction Enabled="false" />
/>

要点是：
 1.实用脚本来获取页面上的信息 
 2.对服务器端控件的封装return false
 3.HoverMenuExtender再次扩展功能