[JQUERY] MouseOut

[SkOrPiOn`87]

Ciao,


Dovrei creare un javascript per la scomparsa del mio menù a tendina, ma non vorrei che sparisse immediatamente sul mouse out, ma vorrei che sparisse circa dopo 2-3 secondi di mouseout continuo...


Qualcuno sa dirmi in che modo posso fare questa cosa?




Grazie

[Vindav]

.mouseout(function(){
setTimeout(nascondiMenu,2000);
});

Poi ti crei la funzione "nascondiMenu" con le operazioni necessarie.

[bionicoz]

Vedi se ho capito bene:

$('li.classe').hover(
    function(){
        $(this).children('ul').stop(true,false);
        $(this).children('ul').fadeIn('fast');
   },
    function(){
        $(this).children('ul').delay(2000).fadeOut('fast');
    }
);

[SkOrPiOn`87]

Originariamente inviato da bionicoz
Vedi se ho capito bene:

$('li.classe').hover(
    function(){
        $(this).children('ul').stop(true,false);
        $(this).children('ul').fadeIn('fast');
   },
    function(){
        $(this).children('ul').delay(2000).fadeOut('fast');
    }
);

Questo è perfetto, però se un utente torna nell'area prima dei 2secondi, io vorrei che la funzione di Out non venisse più eseguita (altrimenti abbiamo un brutto effetto di hide\show), è questo che non riesco a bloccare...

Ho visto che su diversi siti questo viene fatto, quindi credo che sia possibile, ma non capisco come

[bionicoz]

Originariamente inviato da SkOrPiOn`87
[...] se un utente torna nell'area prima dei 2secondi, io vorrei che la funzione di Out non venisse più eseguita

Dai test che ho fatto non viene eseguita, lo stop() serve proprio a quello. A te la esegue lo stesso? Con che browser, su che piattaforma? Check qui

[SkOrPiOn`87]

Scusami avevo dimenticato lo STOP...


Funziona perfettamente, grazie mille...