jQuery

Animazioni con jQuery in un sistema di votazione

Ho pensato di utilizzare il metodo animate() di jQuery per realizzare un sistema di votazione semplice ma bello da vedere.

L’idea è quella di animare un div espandendolo ad ogni voto ricevuto, tramite la funzione animate, aggiungendo un stesso valore alla proprietà di lunghezza del div stesso.

Documento html

Foglio di stile CSS

Effetti con jQuery

Non dimentichiamoci di includere la libreria jQuery nell’intestazione head del documento, poi colleghiamo lo script che permette l’animazione:

Come potete vedere è tutto molto semplice 😉

Associamo una funzione all’evento click sul numero di voti: prendiamo il nodo/oggetto padre del link e sudi esso chiamiamo il metodo animate che genera l’animazione di allungamento in un tempo di 500 millisecondi, dunque incrementiamo il numero di voti.

Demo Download

You might also like

  • Ottimo tutorial 🙂

    7 settembre 2011
  • Davvero fico

    7 settembre 2011
  • My brother recommended I might like this web site. He was totally right.
    This ost truly made my day. You cann’t imagine simply how much
    time I had spent for this information! Thanks!

    Takee a look aat my webpage: baqlance (Valentin)

    7 settembre 2011

LEAVE A REPLY