jQuery plugins - jRumble
ápr 13

jRumble

Rázzuk fel!

Verzió: 1.1
Kiadás dátuma: 2011/03/30
Fejlesztő: Jack Rugile
Liszensz: MIT
  • 1560
  • 7034
  • 0
  • -

Bevezető

Egy érdekes és ötletes plugin, amellyel életet vihetünk az oldalainkba - szó szerint "felrázhatjuk" vele a honlapunkat.

A plugin-t alkalmazhatjuk például gombjaink animálásához (hover eseménynél), vagy használhatjuk bizonyos tartalmi elemek kiemelésére, esetleg figyelemfelkeltésre, stb. ...a lehetőségeknek csupán a fantáziánk szab határt.

Implementálás

JavaScript

            <script type="text/javascript" src="js/jquery.js"></script>
            <script type="text/javascript" src="js/jrumble.1.1.js"></script>
          

Deklaráció

            $(document).ready(function(){
              $('#pelda').jrumble();
            });
          

Teljes paraméterlista

  • rangeX: vízszintes rezgési tartomány pixelben (alapértelmezett: 2)
  • rangeY: függőleges rezgési tartomány pixelben (alapértelmezett: 2)
  • rangeRot: forgási tartomány fokban (alapértelmezett: 1)
  • rumbleSpeed: a rezgés sebessége/frekvenciája milliszekundumban - kisebb szám: nagyobb sebesség (alapértelmezett: 10)
  • rumbleEvent: a rezgést aktiváló esemény ('hover' | 'click' | 'mousedown' | 'constant') (alapértelmezett: 'hover')
  • posX: abszolút pozícionálás esetén a vízszintes pozíció ('left' | 'right') (alapértelmezett: 'left')
  • posY: abszolút pozícionálás esetén a függőleges pozíció ('top' | 'bottom') (alapértelmezett: 'top')