In this article we will Create animation demo using Ajax
Control in webpage. To create animation extender register Ajax Control toolkit
in your webpage and use Control what you want to use in your webpage. Here I
have use panel control to display label control and use animation extender to
display animation in my webpage. Animation Extender has many properties to
create animation any webpage. Here I have created sample animation extender to
create animation using Ajaxcontrol.
OnmouseOver Property to create when we mouse over in
panel then it will create animation on panel what we have to do in animation
extender. Here I the sample code what I have use in the animation
extender.
Default.aspx:-
<div> <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager> <asp:Panel ID="AnimationPnl" runat="server" BackColor="#FCF4BF" Height="250px" Width="400px" BorderWidth="2"> <asp:Label ID="lblText" runat="server" Text="PAY ATTENTION TO THIS PANEL TO SEE ANIMATIONS EFFECTS!!!" Font-Bold="True" ForeColor="#303174"></asp:Label> </asp:Panel> <br /> <br /> <asp:LinkButton ID="lnkClick" runat="server" Text="Click Me!!"></asp:LinkButton> <ajaxtoolkit:AnimationExtender ID="AnEx1" runat="server" TargetControlID="lnkClick"> <Animations> <OnClick> <Sequence> <Color AnimationTarget="AnimationPnl" Duration="3000" Property="style" PropertyKey="backgroundColor" StartValue="#CE0E3F" EndValue="#FFFFFF" /> </Sequence> </OnClick> </Animations> </ajaxtoolkit:AnimationExtender> </div>
Thanks for comments.....