Click to See Complete Forum and Search --> : Need a Javascript drop-down menu that works off of HTML images


delerious
11-05-2003, 06:14 AM
I'm going to build a vertical navigation menu using images in HTML. I want to have a drop-down menu appear next to an image when I move the mouse over it. I know that I could just download any one of the many free Javascript menus available on the web and not have the images in the HTML, but I want the images to be seen (and able to be clicked on) if Javascript is disabled. None of the free Javascript menus that I have seen work that way.

Are there any free Javascript menus that work off of images in the HTML and support a vertical layout?

Thanks!

Fang
11-05-2003, 06:58 AM
<form action="#" name="img_menu">
<a href="http://www.w3.org/" onmouseover="document.getElementById('menu1').style.visibility='visible';"><img alt="" src="Images/menu1.gif" height="20" width="20" /></a>
<select name="menu1" id="menu1" style="visibility:hidden;" onchange="location.href=this.options[this.selectedIndex].value">
<option value="#">menu 1</option>
<option value="http://www.w3.org/">w3</option>
<option value="http://devedge.netscape.com/library/manuals/2000/javascript/1.5/reference/">Javascript</option>
<option value="http://www.w3.org/TR/REC-CSS2/">css</option>
</select>
</form>

delerious
11-05-2003, 07:39 AM
Thanks for the reply. That code uses a SELECT and shows an HTML-style dropdown list. I want to have a Javascript-style dropdown list.

Xin
11-05-2003, 07:10 PM
may be the following example can help some:
http://www.yxscripts.com/menuG5/examples/noscript.html