Fw

Wordpress Creative Developer

jQuery Effetto Hover Movimentato con jRumble

  • Tutorial Jquery
  • -

Appuntamento con risorse e tutorial jQuery, dove oggi vediamo come è possibile realizzare un effetto hover “movimentato”, grazie a jRumble.

Effetto hover jquery

Prima di vedere come utilizzare il plugin, come segnalato anche nel sito, si invita a utilizzarlo con moderazione, dato che potrebbe creare problemi a chi soffre di epilessia.

Applicare questo effetto  è davvero molto semplice: basterà prima richiamare jquery e jRumble.

 

Poi basterà applicare lo script agli elementi che desideriamo.

$(document).ready(function(){
	$('#my-rumble-div').jrumble();
});

Per tutte le personalizzazioni degli effetti ti invito a leggere la documentazione ampia del plugin.

Come si legge nella pagina di documentazione il plugin ha qualche problema con Internet Explorer, che non sono riuscito al momento a testare.

5 Commenti

  1. Ottimo tutorial.
    Ne ho approfittato per utilizzarlo un uno dei miei progetti.
    Semplice da implementare e molto versatile.
    L’ ho utilizzato nel menu in alto su questo sito:
    http://www.illustrando.com
    Grande FEDE!!

  2. Ciao Daniele, complimenti! mi piace davvero molto il sito e come hai utilizzato l’effetto. Bravo!

  3. Ciao! Vorrei solo dire un grazie enorme per le informazioni che avete condiviso in questo blog! Di sicuro continuero’ a seguirvi|

Scrivi un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *