Visible/Hidden menus... 1

[Arion23]

Hi all,

I'm working on a simple script that is intended to provided dynamic dropdown menus in IE5.

Currently, I have a menu bar at the top of the screen and when the mouse moves over an item, a layered menu appears below it, when the mouse moves off, the menu disappears.

Trouble is, I want people to be able to select an item from the layered menu, but currently it disappears as soon as the mouse moves away from the main menu item.

Microsofts site has something similar to what I want to acheive, but I con't follow their code.

What I have at the moment is something like:

<a href=&quot;menu1.html&quot;
onmouseover=&quot;document.all.menu1.style.visibility='visible'; return true&quot;
onmouseout=&quot;document.all.linksmenu.style.visibility='hidden'; return true&quot;>

<DIV ID=&quot;menu1&quot;
STYLE=&quot;visibility:hidden;&quot;>
<a href1.html&quot;>1</a><br>
<a href2.html&quot;>2</a><br>
<a href3.html&quot;>3</a><br>
</div>

Any thoughts/advice?

 

[ToddWW]

Take a look at this. It took me a little while to get used to it, but it's really very easy to format and they've commented their first generation .js files very well.

http://www.dynamicdrive.com/dynamicindex1/topnavbar.htm

The example menu in question is at the top of the page. The instructions, tutorial, etc... Well,.. just take a look !! It's customizable to be whatever size, text, etc.. you want. The example is a little hard on the eyes.. #-)

ToddWW

 

[Arion23]

Thanks for that, it's given me something to work with (I'm trying to learn the code behind it all