[jQuery] contrario .mouseover()

[KingWoody]

Esiste, in jQuery, una funzione contraria al mouseover(), o anche in Javascript ? Grazie in anticipo

[longilineo]

mouseout

elenco eventi mouse di jquery .

[KingWoody]

Avevo già provato mouseout ma esegue il codice due o tre volte e non riescco a capire il perché.. Io ho un div il quale ha una width =30px quando il mouse è sopra al div (mouseover) attraverso un animazione diventa 90px. E quello che vorrei fare è che quando il mouse non è più sul div la larghezza, sempre grazie ad un animazione, diventi nuovamente 30px.. Quindi avete qualcosa da consigliarmi?

[longilineo]

nel mouseout prima di fare tornare il div alla dimensione originale metti un delay, penso che il perchè del fatto che sia eseguito 2-3 volte sia dovuto proprio al ridimensionamento. Non sono sicuro che basti a risolvere.

[KingWoody]

Niente non si risolve! :/ Fatemi sapere se vi viene in mente qualcosa

[longilineo]

Così mi funziona alla perfezione:

                        $("#mydiv").mouseover(function(){
				$(this).animate({width: "90px"}, 400);
			}).mouseout(function(){
				$(this).animate({width: "30px"}, 400);
			})

Se nel tuo caso non funziona posta un pò di codice.

[KingWoody]

Niente, nula continua a fare l'animazione più volte! :| Questo è il codice:

$('#photos').mouseover( function() {
	$(this).animate({
		width: '90', } , 1500 );
	$("#t_photos").animate({
		opacity: '1', } , 1500 );
	
}).mouseout( function() {

	$(this).animate({
		width: '30', } , 1500 );
	$("#t_photos").animate({
		opacity: '0', } , 1500 ); 

});

[Vindav]

prova anche con mouseenter/mouseleave

[KingWoody]

Con mouseenter e mouseleave sembra funzionare! Grazie mille

[k.b]

La differenza tra mouseenter() e mouseover() e' che il secondo si attiva anche quando il mouse esce da elementi discendenti di quello a cui l'evento e' legato. Quindi se un elemento ha n discendenti, mouseover() si attivera' n volte.

All'atto pratico e' praticamente sempre meglio usare mouseenter()/mouseleave().