How to Create Effective Animation in JQuery

In this article I am going to explain about create effective animation in jquery.
  • 1653

jQuery Animate() Method in different style

We can use jquery animate() method we can create different type of animation. Such as change color, size change, text aliment change etc. An animation is followinh.




    <script src="jquery.js"></script>




            padding: .5em 1em;

            text-decoration: none;




            width: 240px;

            height: 75px;

            padding: 0.4em;

            position: relative;

            background: yellow;





        $(function () {


                     function () {



                             width: 500

                         }, 1000);


                     function () {



                             width: 240

                         }, 1000);





    <div id="dvm">


            Hiii... Hello how are you. Where are you living in this time. This is fun



    <button id="bt1">

        click me</button>




Before click button


After click button


You may also want to read these related articles: here
Ask Your Question 
Got a programming related question? You may want to post your question here


© 2020 DotNetHeaven. All rights reserved.