Sfondi animati con jQuery
Giovedì 25 Settembre 2008 - 08:25
di Cesare Lamanna
Carino. Lo stesso aggettivo di cui abusiamo per definire quei film che non ti cambiano la vita o la storia della celluloide ma che in fondo si lasciano guardare con piacere. Carino, allora, l’effetto presentato in questo intervento da Jonathan Snook e che potete testare sugli esempi da A a D nella pagina demo.
Il principio con cui si ottiene l’animazione degli sfondi è quello degli sprites CSS: usare una sola immagine che raccoglie in sé l’aspetto per i diversi stati (normale, hover, etc) per poi affidarla alle cure di Background-Position, un plugin per jQuery in grado di modificare dinamicamente la posizione dello sfondo aggiungendo l’effetto di animazione.
Categoria: Scripting | Permalink
Commenti
1
davvero fantastici menu… sembrano quasi in flash!
grazie per la segnalazione.
2
Effetti veramente carini, concordo. Tra l’altro vedendo la pagina senza js c’è sempre il CSS che definisce lo stato :hover, ottima soluzione.
3
da aggiungere che tutti i menu appaiono ai motori di ricerca come semplici liste ul/li!!!
4
Bell’effetto, come dire… carino! :-)
# - postato da Alessio Michelini - 25 Settembre 2008 - 13:40
5
Questo sito http://www.mustlab.it di una agenzia di comunicazione lecce ha come sorgente qualcosa di strabigliante!!!
si nota dal cambiamento di colore dello sfondo, da vedere!! :)
# - postato da William - 14 Gennaio 2011 - 16:51
6
scusate l’errore! :)
# - postato da William - 14 Gennaio 2011 - 16:52