2012-12-19 13 views
5

Ho un menu di navigazione e voglio che quando il mouse si muove, quindi la navigazione sarà ritardata di 200 ms. Come lo posso fare?Ritardo al passaggio del mouse quando il mouse si muove incrociando

Esempio: http://www.amazon.com/

Amazon ha lasciato navigazione (Shop di dipartimento) quando il mouse si muove attraverso attese di navigazione.

<ul id="nav"> 
<li><a href="#">Menu 1</a> 
    <ul> 
     <li>Sub Menu 1</li> 
     <li>Sub Menu 2</li> 
    </ul> 
</li> 
<li><a href="#">Menu 2</a> 
    <ul> 
     <li>Sub Menu 3</li> 
     <li>Sub Menu 4</li> 
    </ul> 
</li> 
<li><a href="#">Menu 3</a></li> 
<li><a href="#">Menu 4</a></li> 
</ul> 

Ad esempio; Se il mouse si trova su "Menu 1" e si sposta in "Sottomenu 1", "Menu 1" non deve essere chiuso. Altro "Menu 1" dovrebbe essere vicino.

+4

Si prega di postare l'HTML che avete. Senza di esso, le risposte sarebbero un'ipotesi al meglio. –

+0

@RoryMcCrossan Ho aggiunto il mio codice di esempio della domanda. – mrchad

risposta

3

http://cherne.net/brian/resources/jquery.hoverIntent.html è lo script che stai cercando.

Detto semplicemente, controllerà se sei andato veloce o lento con il mouse.

+0

Sono già in uso questo ottimo plugin ma accetta tutte le mosse del mouse. Voglio solo correre quando il mouse si muove in croce. – mrchad

+1

@mrchad: se lo usi e non funziona significa che lo hai configurato male, l'ho usato molte volte per anni e ha sempre funzionato come previsto. – easwee

Problemi correlati