The concept is this:
onmouseover = make visible the submenu for that item
onmouseout = make hidden the submenu for that item
This is accomplished using a combination of HTML, Javascript and CSS ... DHTML (Dynamic HTML), if you will.
The CSS describes the "visibility" property of the HTML division as "visible" or "hidden". (The property's value is a string and must be delineated by single- or double-quotes.) The Javascript provides the trigger for the change in the state of the "visibility" property.
For example:
Code:
<a
onmouseover="document.getElementById('item1menu').visibility='visible'"
onmouseout="document.getElementById('item1menu').visibility='hidden'">Item 1</a>
<div id="item1menu" style="visibility:hidden" ...>
(There's actually more code required so that when the user moves the cursor off of the "trigger" and onto the now-revealed submenu that the submenu doesn't go "hidden", but it's a simple example.
)
Helpful? Hope so.
