Animation Using JQuery Library

8/28/2008 12:00:00 AM size => 3.24 MB, duration => 4:29

In this screencast we will demonstrate how to use the animation effects using JQuery library. You can also chain multiple effects using JQuery chaining syntax. You will find out that how easy it is to create animation effects when JQuery library is used.


 <style type="text/css">
    
    .div
        {
             background-color:Green;
             height:10px;
             width:10px;
        }
    
    </style>  

<form id="form1" runat="server">
    <div>
    
    <input type="button" value="Animate" id="btnAnimate" />
    
    <br />
    <br />  
   
    <div id="myDiv" class="div">
    
    </div>
    
    </div>
    </form>


<script language="javascript" type="text/javascript">

$(document).ready(function()
{
    $("#btnAnimate").click(function()
    {
        $("#myDiv").animate(
        {
        width:"60%"
        },1200).slideUp();
    });

});

</script>

Double Click on the Video to Enlarge

Bookmark and Share

Comments