Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
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.
branch: master

This branch is 2 commits ahead, 11 commits behind jackrugile:master

Fetching latest commit…

Cannot retrieve the latest commit at this time

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)
Something went wrong with that request. Please try again.