Здравствуйте. Пытаюсь реализовать у себя на страничке всплывающее меню (наподобие пуска). Сейчас хочу использовать слои. У меня имеется одна строчка внутри документа, заключенная в параграф:
<P ONMOUSEOVER="document.all.menu_about.style.visibility='visible';
document.onmousemove=MenuAboutUp;">
О нас</P>
И есть слой:
<DIV ID="menu_about">
<A HREF="main.htm">Услуги</A><br>
<A HREF="main.htm">Цены</A><br>
</DIV>
В стилях определение:
#menu_about {
float: none;
right: 80px;
bottom: 31px;
width: 150px;
height: 29;
background-color: #01C6CC;
position: absolute;
border: 1px solid;
border-color: #146C12;
border-width: 1;
color: Aqua;
padding: 5;
line-height: 1.2;
visibility: hidden;
}
Сначала я пытался сделать по-простому, чтоб слой пропадал как только курсор выходит за границы DIV'a. Но мышь терялась уже при наведении на одну из ссылок внутри menu_about (и соответственно пропадало само меню). Я решил поступить иначе: организовал функцию MenuAboutUp(), и при наведении на название меню передавал ей управление движением мыши во всем документе:
document.onmousemove=MenuAboutUp;
Внутри функции я хотел сравнивать координаты мыши event.x и event.y с координатами прямоугольника-слоя-меню. Тут-то и обнаружилась проблема!!!
Я завожу переменную var menu = document.all.menu_about.style, и пытаюсь обратиться: menu.posLeft (ровно как и menu.pixelLeft) и получаю 0!!!!!!!!! Был просто обескуражен. Скажите пожалуйста, что не так!!
З.Ы. Я только пару дней назад стал изучать JavaScript, CSS, DynamicHTML, так что сильно не бейте
