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.
Switch branches/tags
Nothing to show
Clone or download
Pull request Compare This branch is 2 commits ahead, 16 commits behind jackrugile:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
demo
MIT-License.txt
changelog.txt
jquery-jrumble-min.js
jquery-jrumble.js
readme.md

readme.md

jRumble v1.1 - http://jackrugile.com/jrumble

by Jack Rugile

Copyright 2011, Jack Rugile

MIT license - http://www.opensource.org/licenses/mit-license.php

To use this plugin:

  • Include jQuery and this file in your document
  • Apply jRumble with a selector:
    • $('#my-rumble-object').jrumble();

Options/Defaults (defaults in parentheses):

  • rangeX: (2) - Set the horizontal rumble range (pixels)
  • rangeY: (2) - Set the vertical rumble range (pixels)
  • rangeRot: (1) - Set the rotation range (degrees)
  • rumbleSpeed: (10) - Set the speed/frequency in milliseconds of the rumble (lower number = faster)
  • rumbleEvent: ('hover') - Set the event that triggers the rumble (hover, click, mousedown, constant)
  • posX: ('left') - If using jRumble on a fixed or absolute positioned element, choose 'left' or 'right' to match your CSS
  • posY: ('top') - If using jRumble on a fixed or absolute positioned element, choose 'top' or 'bottom' to match your CSS
  • rumblee: ('') - Set the child element to find and rumble inside the selected root (default: rumble the root)