AnimationExtender in Asp.net

Example:


<style>
.Animation1
{

position: absolute;
padding:3px;
border: solid 1px #000;

}
.Animation2
{

display:none;
position:absolute;
width:1px;
height:1px;
left:400px;
top:600px;
padding:3px;
border:solid 1px #000;

}
</style>

..

<asp:ScriptManager ID="SM1" runat="server" />
<br />
<asp:Panel ID="panel_Animated" runat="server" CssClass="Animation1">

Animation imminent.

</asp:Panel>
<br />
<cc1:AnimationExtender ID="AnimationExtender1" runat="server" TargetControlID="panel_Animated">

<Animations>

<OnLoad>

<Sequence>

<Move Horizontal="300" Duration="1" Fps="20" />
<FadeOut Duration="1" Fps="20" />

</Sequence>

</OnLoad>

</Animations>

</cc1:AnimationExtender>
<br />
<br />
<asp:Button ID="btn_Animate" runat="server" Text="Animate" OnClientClick="return false;" />
<br />
<asp:Panel ID="panel_Animated2" runat="server" CssClass="Animation2">

Animation2 imminent.

</asp:Panel>
<br />
<cc1:AnimationExtender ID="AnimationExtender2" runat="server" TargetControlID="btn_Animate">

<Animations>

<OnClick>

<Sequence AnimationTarget="panel_Animated2">

<EnableAction AnimationTarget="btn_Animate" Enabled="false" />
<StyleAction Attribute="display" Value="Block" />
<Parallel>

<FadeIn Duration="1" Fps="20" />
<Scale Duration="1" Fps="20" ScaleFactor="30.0" Center="true" />

</Parallel>

</Sequence>

</OnClick>

</Animations>

</cc1:AnimationExtender>

For Detail:Click to view
Next>> (CalenderExtender)         (Alwaysvisibleextender)<<Back