Submit your widget
HomeImage Effectslovely jRumble plugin with jQuery

lovely jRumble plugin with jQuery

Created 13 years ago   Views 11175   downloads 2683    Author Jack Rugile
lovely jRumble plugin with jQuery
View DemoDownload
72
Share |

jRumble is a jQuery plugin that rumbles, vibrates, shakes, and rotates any element you choose. It's great to use as a hover effect or a way to direct attention to an element. You can control the X, Y, and rotation range, the speed, and event trigger for the rumble.

Note: jRumble is currently a little buggy in Internet Explorer. A rumbleSpeed of 0 seems to break the rumble. Also, there is currently no rotation on any objects in IE.

Include jQuery and jRumble

Include jQuery and jRumble just before your closing body tag. Make sure the path to your files is correct. I recommend including through Google Libraries API.

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jrumble.1.0.js"></script>

Reference jRumble on a Selector

You can do this in a script tag within your HTML or through an external JavasScript file

$(document).ready(function(){
	$('#my-rumble-div').jrumble();
});

The article source:http://jackrugile.com/jrumble/

You might also like