Come far vibrare un’immagine con jQuery
Articolo pubblicato il 18-03-2011.
Categorie: CSS, jQuery, PHP e.., Guide, Tutorial testuali, Webdesign.
Commenti: 2.
Nelle settimane scorse, sono stato impegnato nella creazione del sito BattistiNews.it, un nuovo ed importante punto di riferimento italiano per il mondo battistiano. Durante la fase di realizzazione, ho pensato che sarebbe stato davvero molto simpatico poter rendere una sorta di vibrazione al passaggio sulla figura del grande Lucio. Quindi ho iniziato a provare varie soluzioni e sono infine giunto a quella che sto per proporvi, utilizzando jQuery.
Ci serviremo del plugin creato da Andreas Lagerkvist che potete scaricare cliccando qui. All’interno del codice, andando alla riga 42, possiamo personalizzare i parametri di durata, frequenza, velocità ed espansione come meglio crediamo.
Infine ci basterà inserire questo piccolo script che richiama il plugin, ed il gioco è fatto!
jQuery("#il_tuo_div").mouseenter(function(){jQuery(this).vibrate();});
2 commenti


























Simone Forti
marzo 18th, 2011
bellissimo effetto!
Rispondi
Paolo
aprile 14th, 2011
fantastico!!!! si può utilizzare per i loghi!!!!
Rispondi