JavaScript
Article
By Sam Deering

Vibrate Page Elements Using jRumble

By Sam Deering
Help us help you! You'll get a... FREE 6-Month Subscription to SitePoint Premium Plus you'll go in the draw to WIN a new Macbook SitePoint 2017 Survey Yes, let's Do this It only takes 5 min

jrumble

Hi guys, I’ve stumbled across a pretty cool jQuery plugin which you can use to make your page elements really stand out from the crowd! It takes any page element and makes it vibrate. Could be used to animate a mobile phone vibration? Maybe more useful for a washing machine website?!? ;-)

Demo
Download

--ADVERTISEMENT--

Features

  • rumbleSpeed – Set the speed/frequency in milliseconds of the rumble (lower number = faster)
  • rumbleEvent – Set the event that triggers the rumble (‘hover’, ‘click’, ‘mousedown’, ‘constant’)
  • rangeRot/rumbleRange – Set the rotation range (degrees) and rumble range (pixels)
  • CSS compatability

Usage

$(document).ready(function(){
	$('#my-rumble-div').jrumble();
});
Login or Create Account to Comment
Login Create Account
Recommended
Sponsors
Get the most important and interesting stories in tech. Straight to your inbox, daily.Is it good?