Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

jQuery Input Box Shake Effect Tutorial & Demo

Hi People, In this post we are going to write a simple jQuery script to shake effect (animate) your Input Box.

To animate we need to load jQuery and jQuery UI libraries in our script and then a single line of script would do the magic for us.

$('input').effect("shake",{times: 3}, 800);

That’s all, this much of script is enough to animate the input box.

But, wait let’s write a real scenario script where we can use this animation, so you can also use it in your project.

A simple form validation with shake effect.

    JQuery Shake Effect Example

JQuery Shake Effect - Demo by

You can just go through the above script to understand it, any doubt you can ask them in the comment section.

Finally here is the demo:


This post first appeared on TutorialsMade - Ultimate Tutorial, please read the originial post: here

Share the post

jQuery Input Box Shake Effect Tutorial & Demo


Subscribe to Tutorialsmade - Ultimate Tutorial

Get updates delivered right to your inbox!

Thank you for your subscription