Submit your widget

lovely jRumble plugin with jQuery

Created 7 years ago   Views 16002   downloads 3119    Author Jack Rugile
lovely jRumble plugin with jQuery
View DemoDownload 10.5 KB
116
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/