Home | All Questions | alt.html FAQ > Dynamic HTML (DHTML)

How do I create a DHTML drop-down menu?

Create your menus like so:

<div id="subMenu1" style="position:absolute;
top:xxx; left:yyy; width:60; height:100;
background:silver; color: black; display:none"
onMouseover="event.srcElement.style.background='blue'"
onMouseout="event.srcElement.style.background='silver'"
onClick = "self.location = event.srcElement.id">

 <div id="page2.htm">Page 2</div>
 <div id="page3.htm">Page 3</div>

</div>

then use onMouseover and onMouseout events to display and hide them as necessary...

Recommended Resources

Discussion

Related Questions