AJAX Animation Control

Posted by Ranjeet_8 under ASP.NET AJAX category on 2/1/2013 | Points: 40 | Views : 1677

Post Code |

Search Codes |

Code Home

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>
<%@ Register TagPrefix="cc1" Namespace="AjaxControlToolkit" Assembly="AjaxControlToolkit" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>Animation</title>
    <style type="text/css">
    #Panel1
    {
        position:absolute;
        padding:3px;
        background-color: #29EF33;
        border:solid 1px #000000;
    }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:ScriptManager ID="ScriptManager1" runat="server" />
        <asp:Panel  ID="Panel1" runat="server">
            <h2>Hi.. Here is ur animated text.!</h2>
        </asp:Panel>
        <cc1:AnimationExtender ID="AnimationExtender1" TargetControlID="Panel1" runat="server">
            <Animations>
            <OnLoad>
                <Sequence>
                <Move
                    Horizontal="350"  Vertical="350" Duration="2" Fps="10" />
                <FadeOut Duration="2" Fps="10" />
                </Sequence>
            </OnLoad>
            </Animations>
        </cc1:AnimationExtender>
    </div>
    </form>
</body>
</html>

Alert Moderator

Bookmark It

Comments or Responses

Latest Code Snipptes