jShaker is a simple jQuery plugin which runs a shake, vibrate effect on a selected web page element and all its children emulating an shaker effect.
Why jShaker? Well, we added a new guy to the ajaxBlender team and one of his tasks was to create several sample jQuery plugins. The jShaker is one of them, but we don’t think the script will find a real use. (Actually we’d be surprised if you do. So, please share links with us.) We posted it, because it’s still a good little learning script.
Please note that the script will shake every children element of the parent running jShaker, and obviously the browser may slow down if there are a lot of nested elements, so be careful. ;)
- Light-weight script
- Easy to integrate
- Works with all modern browsers
How to Use
1.) Download jShaker script. The package already contains the jQuery framework.
2.) Add the following code to your <head>…</head> tag to connect the jQuery framework and the jShaker plugin. (Make sure your paths to the files are correct.)
3.) jShaker plugin will extend the jQuery function so that you can call it on any element such as:
That’s it ;) Click the Demo button to see it in action.
- MS Internet Explorer 6, 7, 8
- Mozilla Firefox 2, 3
- Google Chrome
- Apple Safari