Javascript меню

[Aristotel]

<div onmouseout="функция которая удаляет весь див " class='menu'>
<div class='option'>Опция 1</div>
<div class='option'>Опция 2</div>
</div>

вот такая вот конструкция.

проблема в том что даже если я навожу мышь на див внутри он все равно удаляет весь див, а мне надо чтоб возможно было наводить мышь на опции.

 

[czp]

попробуй поставить return false, на удаление , на внутренних дивах, у меня типо такой штуки были проблемы, так подлекал)

 

[vla]

JavaScript

function f_over() {
document.getElementById("menu").style.height = "4em";
document.getElementById("spisok").innerHTML = "<br><a href='' onMouseOver='f_over()'; onMouseOut='f_out()';>ссылка1</a><br><a href='' onMouseOver='f_over()'; onMouseOut='f_out()'>ссылка2</a>";
}
function f_out() {
document.getElementById("menu").style.height = "1em";
document.getElementById("spisok").innerHTML = "";
}

HTML

<div id="menu" onMouseOver="f_over();" onMouseOut="f_out();" style="width:10em;height:1em;background-color:#999;cursor:pointer;">
Выпадающее меню<span id="spisok"> </span>
</div>
<noscript>
Выпадающее меню<br>
<a href=''>ссылка1</a><br>
<a href=''>ссылка2</a>"
</noscript>

[member=Aristotel], как я понял ты хочешь сделать выпадающий список...
Я бы сделал так! Не могу утверждать, что это лучшее решение, но работает!

 

[Aristotel]

Я бы сделал так! Не могу утверждать, что это лучшее решение, но работает!

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

 

[vla]

Рад помочь, успехов с "меню"!
Мне тоже предстоит сделать такого рода визуальные эффекты... Но, пока все откладываю...