Socket
Socket
Sign inDemoInstall

jrumble

Package Overview
Dependencies
0
Maintainers
1
Versions
1
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

    jrumble

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.


Version published
Weekly downloads
13
increased by44.44%
Maintainers
1
Install size
177 kB
Created
Weekly downloads
 

Readme

Source

jRumble v1.3

by Jack Rugile - http://jackrugile.com

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.

  • Latest Version: 1.3
  • Latest Release Date: December 3, 2011
  • Original Release Date: March 30, 2011
  • Compressed: 1.47kb
  • Uncompressed: 4.84kb

Documentation, Demos, and Discussion

Documentation, demos, and discussion can be found at http://jackrugile.com/jrumble

Basic Usage

// Initialize jRumble on Selector
$('#rumble-element').jrumble();

// Start rumble on element
$('#rumble-element').trigger('startRumble');

// Stop rumble on element
$('#rumble-element').trigger('stopRumble');

Options

OptionDefaultDescription
x2Set the horizontal rumble range (pixels)
y2Set the vertical rumble range (pixels)
rotation1Set the rotation range (degrees)
speed15Set the speed/frequency in milliseconds between rumble movements (lower number = faster)
opacityfalseActivate opacity flickering while rumbling
opacityMin.5When the opacity option is set to true, this controls the minimum opacity while flickering

Known Issues

  • For rumble elements that are position fixed/absolute, they should instead be wrapped in an element that is fixed/absolute
  • Rotation does not work in Internet Explorer 8 and below

Keywords

FAQs

Last updated on 12 Aug 2015

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc