Problema animazione con animate e hover

davide1982

Nuovo Utente
14 Giu 2010
26
0
0
Salve, sono alle prese con l'animazione di un menu e vorrei che quando si passa con il mouse su una categoria (che è rappresentata da un'immagine) questa si sposti in alto e quando si va via col mouse ritorni dov'era prima.
Codice:
<div id="categorie">
        <span>
        	<img src="uno.png" />
        	<em style="display: none;"></em>
        </span>
        <span>
        	<img src="img/due.png" />
        	<em style="display: none;"></em>
        </span>
        <span>
        	<img src="img/tre.png" />
        	<em style="display: none;"></em>
        </span>
</div>

// ANIMAZIONE MENU CATEGORIE
			function passa(){
				$(this).next("em").animate({marginTop:"15px"},"fast");
			}

			function allontana(){
				$(this).next("em").animate({marginTop:"0px"},"normal");
			}

			$("#categorie img").hover(passa,allontana);
		});

Ho provato in diversi modi, quello sopra è il mio ultimo tentativo invano... in ogni caso mi sposta sempre TUTTO il blocco di immagini insieme quando ci passo su col mouse...

HELP! come si fa?
 

Evit

Nuovo Utente
30 Ago 2010
7
0
0
Salve, sono alle prese con l'animazione di un menu e vorrei che quando si passa con il mouse su una categoria (che è rappresentata da un'immagine) questa si sposti in alto e quando si va via col mouse ritorni dov'era prima.
Perchè non utilizzare i CSS? Io la vedo più semplice. :rolleyes:
 
Discussioni simili
Autore Titolo Forum Risposte Data
A Problema nel passaggio di una animazione da flash a animate Flash 9
andreas88 problema animazione immagine HTML e CSS 3
A Photoshop cs3 : problema animazione Photoshop 4
S Problema Animazione Titolo Flash 3
A problema animazione flash HTML e CSS 2
I Sto progettando nuovi siti utilizzando bootstrap e devo dire funziona bene, l'unico problema e la maschera -moz- HTML e CSS 0
K Problema form update PHP 2
O problema con dvr dahua xvr5116 IP Cam e Videosorveglianza 0
S Problema nel ciclare un json Javascript 0
G Problema con Xampp Web Server 1
andrea barletta Problema con miniature comandi Photoshop 0
I problema con alice Posta Elettronica 0
K Problema Inner join PHP 1
F firefox problema http Linux e Software 0
N Problema con position absolute e overflow HTML e CSS 4
E Problema jquery Success jQuery 2
L Problema con inner join PHP 11
K [php] Problema con inner join PHP 4
E problema selezione sfumata Photoshop 2
K [PHP] Problema con variabili concatenate. PHP 1
A Problema filtro fluidifica Photoshop Photoshop 1
H Problema Bordi Scontorno Photoshop 1
O problema con query PHP 4
R Problema installazione Realtek WiFi USB rtl8821 Reti LAN e Wireless 0
I problema con 2 account Posta Elettronica 1
L problema collegamento file css con html HTML e CSS 1
Y Problema percorso file in rete PHP 1
N Problema SEO "L'URL non si trova su Google" SEO e Posizionamento 4
E Problema accesso a file con app sviluppata con MIT APP INVENTOR 2 Sviluppo app per Android 0
P Problema acquisizione clienti Webdesign e Grafica 1
F NetBeans problema creazione progetto Java Windows e Software 0
M Problema con Try Catch PHP 0
C problema seo + cerco esperto SEO e Posizionamento 11
Sergio Unia Problema con gli eventi del mouse su una data table: Javascript 2
T PROBLEMA CON SESSIONI PHP 3
A Problema, non so, di scale() o transform, oppure altro? HTML e CSS 0
T ALTRO PROBLEMA CON ARRAY PHP PHP 1
R problema con else PHP 0
T PROBLEMA CON ARRAY PHP 8
L problema con query select PHP 2
R Problema query con ricerca id numerico PHP 2
F Problema con risposta PHP 0
S problema con recupero dati tabella mysql PHP 2
Z Problema con il mio tp-l i nk Reti LAN e Wireless 1
I PROBLEMA: Sostituzione sito XAMPP E-Commerce 0
T problema data 30/11/-1 PHP 0
L Problema RAM con Tomcat 8 Apache 0
napuleone problema con sort e asort PHP 4
Y Problema incolonnamento tabella PHP 7
S problema salvataggio immagini Photoshop 0

Discussioni simili