jQuery Effetto Hover Movimentato con jRumble
Appuntamento con risorse e tutorial jQuery, dove oggi vediamo come è possibile realizzare un effetto hover “movimentato”, grazie a jRumble.
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
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!!
complimenti bellissimo sito
Grazie denny 😉
Ciao Daniele, complimenti! mi piace davvero molto il sito e come hai utilizzato l’effetto. Bravo!
Ciao! Vorrei solo dire un grazie enorme per le informazioni che avete condiviso in questo blog! Di sicuro continuero’ a seguirvi|