Click to See Complete Forum and Search --> : Pop Out Menu


figment7
04-17-2003, 10:34 AM
I am trying to create a pop out menu. Here are my specs:

The main button is an image "where_to_stay.gif"

When you mouseover that button the following should "pop out":
View Accommodations
Book On-line
Great Rates, Discounts & Packages
Request Free Info
Visitor Center

The background should be aqua and the text white with white lines separating the items.

When you mouseover any one of the items on the secondary list (ie: View Accommocations), the background color under that text changes to white with aqua text and when you click it will go to a url (let's say: view_accommodations.html)

I'm sure this is simple but I just cannot get it figured out. HELP!!!!!

DrDaMour
04-17-2003, 10:56 AM
create your menu in a <div id="menu" style="Visibility:hidden"> </div> tag.

then yoru button should have an:
onmouseover="document.all.menu.style.visibility='visible'" event in it. and vice versa for the onmouseout statement

As for teh changing of the background text there are a lot of ways to do that, but the simplest is to have that menu in a table, and each <tr> should look like

<tr bgcolor="originalcolor" onmouseover="this.bgcolor='newcolor'" onmouseout="this.bgcolor='originalcolor'">