2012-12-19 19 views
5

Mam menu nawigacyjne i chcę, aby po przesunięciu myszy na drugą stronę nawigacja będzie opóźniona o 200 ms. Jak mogę to zrobić?Opóźnienie zawieszenia po przesunięciu kursora myszy

Przykład: http://www.amazon.com/

Amazon pozostawił nawigacji (Shop przez dział), gdy mysz porusza całej czeka nawigacyjnych.

<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> 

Na przykład; Jeśli myszka w "Menu 1" i krzyż przejdzie do "Podmenu 1", "Menu 1" nie powinno być zamknięte. Inaczej "Menu 1" powinno być blisko.

+4

Proszę napisać HTML, który masz. Bez tego odpowiedzi byłyby w najlepszym wypadku zgadywaniem. –

+0

@RoryMcCrossan Dodałem mój przykładowy kod zapytania. – mrchad

Odpowiedz

3

http://cherne.net/brian/resources/jquery.hoverIntent.html to skrypt, którego szukasz.

Po prostu powiedziane, sprawdzi, czy poruszałeś się szybko lub wolno za pomocą myszy.

+0

Używam już tej wspaniałej wtyczki, ale akceptuję każdy ruch myszy. Po prostu chcę biec, gdy mysz się poruszy. – mrchad

+1

@mrchad - jeśli go używasz i nie działa, oznacza to, że źle skonfigurowałeś go - używałam tego wiele razy przez lata i zawsze działał zgodnie z przeznaczeniem. – easwee

Powiązane problemy