Зазор между меню и подменю hover

Question

Я работаю над горизонтальным меню с подменю. Я использовал jQuery в меню, чтобы включить функцию выпадающего списка, которая сейчас работает нормально.

Однако из-за конструктивных причин между горизонтальным меню и вертикальным подменю имеется небольшой промежуток. Поэтому, когда вы наводите указатель мыши на подменю, вы зависаете, что приводит к логическому исчезновению подменю.

Однако мне нужно, чтобы это подменю оставалось. Есть идеи?

Проверьте это самостоятельно @ [удален URL. решение уже предоставлено]

Большое спасибо заранее.

Answer 1

В CSS

изменение

#Menu ul ul { 
    display: none; 
    position: absolute; 
    top: 40px; 
} 

в

#Menu ul ul { 
     display: none; 
     position: absolute; 
     padding-top: 40px; 
    } 

Answer 2

Если предположить, что разрыв между ними является выбор дизайна использовать hoverIntent плагин так, что меню не получает сказал исчезнуть, как как только мышь покидает меню. Вместо этого существует определенное количество времени, в течение которого пользователь может покинуть меню до его исчезновения.

http://cherne.net/brian/resources/jquery.hoverIntent.html

У вас также есть проблема очередей анимации. Чтобы предотвратить его использование this technique.

http://www.learningjquery.com/2009/01/quick-tip-prevent-animation-queue-buildup

Answer 3

вы можете добавить свой разрыв в CSS с запасом или дополнения.

в любом случае это хорошая ссылка, которую вы можете сделать меню:

http://www.mycssmenu.com/visual_interface/template2/template.html