DEV Community

yogyogi
yogyogi

Posted on • Edited on

2 2

Learn jQuery Animate method on Youtube

The jQuery Animate method, as all of us know, is used to make great animation effect on web pages quite easily. It is also very easy to learn, hardly takes 15 minutes of your time.

Syntax

$(selector).animate({params},speed,callback)

Example

Let us see a simple example where I will be animating a square from left to right.

The code for this is:

$("#div1").animate({ left: '250px' });

Here 'div1' is the square, to whom you can provide any size or color using your normal CSS.

And when you run your web page, It will look like this:

alt text

Isn't this method great?
Let me know your thoughts.

Top comments (3)

Collapse
 
dance2die profile image
Sung M. Kim

Would you update the tag from #dotnet to "#jquery" and "#javascript"?

Collapse
 
yogyogi profile image
yogyogi • Edited

Yes sure, I did it now.

Collapse
 
dance2die profile image
Sung M. Kim

Thanks, @yogyogi
Hopefully people in need can find it easier~ 👋

Image of Docusign

🛠️ Bring your solution into Docusign. Reach over 1.6M customers.

Docusign is now extensible. Overcome challenges with disconnected products and inaccessible data by bringing your solutions into Docusign and publishing to 1.6M customers in the App Center.

Learn more

👋 Kindness is contagious

Immerse yourself in a wealth of knowledge with this piece, supported by the inclusive DEV Community—every developer, no matter where they are in their journey, is invited to contribute to our collective wisdom.

A simple “thank you” goes a long way—express your gratitude below in the comments!

Gathering insights enriches our journey on DEV and fortifies our community ties. Did you find this article valuable? Taking a moment to thank the author can have a significant impact.

Okay