jShaker
Framework: jQuery Listed in: Effects
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. ;)
Features
- 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.)
<script src="../jquery-1.4.2.min.js" type="text/javascript"></script> <script src="../jshaker.js" type="text/javascript"></script>
3.) jShaker plugin will extend the jQuery function so that you can call it on any element such as:
<script type="text/javascript">// <![CDATA[ $(document).ready(function(){ $('.block').click(function(){ $(this).jshaker(); }); }); // ]]></script>
That’s it ;) Click the Demo button to see it in action.
Browser Compatibility
Tested in:
- MS Internet Explorer 6, 7, 8
- Mozilla Firefox 2, 3
- Opera
- Google Chrome
- Apple Safari
Popular Categories
View All- Effects (7)
- Forms (6)
- Lightboxes (5)
- Photo Galleries (1)
- Preloaders (1)
- Tables (1)
- Tooltips (3)
- User Interface (10)
AJAX Tutorials
View All- How to Add Hints & Auto Focus Form Fields using jQuery
- Convert Images to Grayscale
- Advanced Plugins Development with ExtJS
- Rotate Images Using JavaScript
- Create Custom Cursors without .cur File
- Convert ASCII Character to Hex, Decimal and Binary Code
Charles
July 7, 2010
Is their a way to stop the shaker???