Visita <a href="http://www.liquida.it/" title="Notizie e opinioni dai blog italiani su Liquida">Liquida</a> e <a href="http://www.liquida.it/widget.liquida/" title="I widget di Liquida per il tuo blog">Widget</a>
Cerchi guide e consigli riguardo al mondo del webdesign?
Sei nel posto giusto!
Iscriviti subito al nostro Feed RSS!

Come far vibrare un’immagine con jQuery

Articolo pubblicato il 18-03-2011. Categorie: CSS, jQuery, PHP e.., Guide, Tutorial testuali, Webdesign. Commenti: 2.

Come far vibrare unimmagine con jQuery

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


  1. Simone Forti
    marzo 18th, 2011

    bellissimo effetto!

    Rispondi



  2. Paolo
    aprile 14th, 2011

    fantastico!!!! si può utilizzare per i loghi!!!!

    Rispondi