This menu uses the onmouseover property, but it uses a button to bring it
back up.
Umm, don't try copying it to make a seconds one. The names on the buttons
will make it UBER confusing. Or, basically it just won't work.
Here it is:
<input name="menu" readonly value="Websites:"
style="position : absolute;left : 20;top : 20;background : black;border :
1px solid silver;color : white"
onmouseover="item1.style.top = '40';item1.style.visibility = 'visible'
item2.style.top = '61';item2.style.visibility = 'visible';up.style.top = '81'
up.style.visibility = 'visible'">
<input name="item1" readonly value="Mamma" size="18"
style="position : absolute;left : 20;top : 20;visibility : hidden;border :
1px solid black"
onmouseover="style.background = 'highlight'" onmouseout="style.background =
'white'"
onclick="window.location.href = 'http://www.mamma.com'"
onmousedown="style.border = '1px solid red'" onmouseup="style.border = '1px
solid black'">
<input name="item2" readonly value="Google" size="18"
style="position : absolute;left : 20;top : 20;visibility : hidden;border :
1px solid black"
onmouseover="style.background = 'highlight'" onmouseout="style.background =
'white'"
onclick="window.location.href = 'http://www.google.com'"
onmousedown="style.border = '1px solid red'" onmouseup="style.border = '1px
solid black'">
<input type="button" value="^"
style="position : absolute;left : 20;top : 20;background : black;border :
1px solid silver;color : white;
visibility : hidden; width:145px" name="up"
onclick="item1.style.top = '20';item1.style.visibility = 'hidden'
item2.style.top = '20';item2.style.visibility = 'hidden';up.style.top = '20'
up.style.visibility = 'hidden'">
"HGTomatoman" wrote:
> Help me figure out how to create a sub menu that rolls out with a mouseover.
> Example: Menu-"Who" sub menu-"Who We Are," "Who are our guests," etc.
>
> Thanks,
>
>
> --
>
> Visit http://www.HGTradio.net for updates on the Home Grown Tomatoes Radio
> show.
Similar Threads
