Событие mouseout при наведении мыши на пункт меню - как избавиться?

sugee · 10.05.2009, 01:26

Делаю обычное выпадающее меню. При наведении мыши на заголовок меню оно выпадает, при onmouseout убирается.

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

Выкладываю весь код, чтобы можно бвло посмотреть в работе, только там ещё понадобится JQuery.

<html>

<head>

<style>

div.menu ul {padding-top:0; float:right;}

div.menu ul li {float:left; list-style:none; font-weight:bold; padding-right:15px; }

div.menu ul li div.fall { visibility:hidden; background-color:#4682B4; }

</style>

<title>Введение в DOM</title>

10.05.2009, 01:26	#1
sugee Пользователь Регистрация: 26.10.2004 Сообщений: 62	Событие mouseout при наведении мыши на пункт меню - как избавиться? Делаю обычное выпадающее меню. При наведении мыши на заголовок меню оно выпадает, при onmouseout убирается. Проблема в том, что onmouseout возникает при перемещении курсора мыши по меню, когда курсор наводится на ссылку - пункт меню. По идее, после mouseout на диве(выпавшем меню), должно возникнуть mouseover на ссылке и так как у ссылки нет своего обработчика события mouseover, событие должно всплыть до дива и меню при этом должно остаться на своем месте(ну или в крайнем случае мигнуть, как бывает в таких случаях). Но меню исчезает. Выкладываю весь код, чтобы можно бвло посмотреть в работе, только там ещё понадобится JQuery. <html> <head> <style> div.menu ul {padding-top:0; float:right;} div.menu ul li {float:left; list-style:none; font-weight:bold; padding-right:15px; } div.menu ul li div.fall { visibility:hidden; background-color:#4682B4; } </style> <title>Введение в DOM</title>

Похожие темы
Тема	Автор
Ext и Tomcat, можно ли открывать дочернее окно с линком на сервлет, который потом делает forward на JSP? JavaScript Всерьёз взялся за Ext, в связи с чем вопрос: можно ли открывать дочернее окно с линком на сервлет, который потом делает forward на JSP. У кого-нибудь был подобный опыт? Параллельно активно ставлю...	Tinki87
JavaScript Определение цвета пикселя На странице html есть точка, имеющая координаты X и Y (в пикселях). Подскажите пожалуйста, существует ли какая-нибудь возможность средствами ява скрипт или веб скрипт или аякс или ещё чем-то,...	Ю_рий
Zoom в FireFox'e, как сделать? JavaScript v IE rabotaet normalno: document.getElementById("image1").style.zoom = "50%"; kak sdelat', chtobi v FF rabotalo? zaranee spasibo.	krems
перегрузка слоя с помощью javascripts JavaScript Можно ли сделать сабж? Если да то как, какие методы или там свойства объекта нада использовать. (в JS не силен :)) Р.S. если нельзя перегружать слои, то как реализовать следующее: некая область в...	paraped
JavaScript Проблема перевода кодировок Наверное вопрос легкий, однако я не программирую на JavaScript, и столкнулся с такой проблемой... Какая функция отвечает за перевод из CP1252 в UTF-8? Вот собственно код:...	AlexanderII
Определение элементов массива JavaScript Подскажите, пожалуйста Есть программа: <SCRIPT language=JavaScript> <!-- var i;	Dafni

Опции темы
Версия для печати Отправить по электронной почте

Ads

Событие mouseout при наведении мыши на пункт меню - как избавиться?

JavaScript