Web Analytics Made Easy -
StatCounter Alternative navigation menu bar - CodingForum


No announcement yet.

Alternative navigation menu bar

  • Filter
  • Time
  • Show
Clear All
new posts

  • Alternative navigation menu bar


    Does anyone know how I could do this?

    I want a horizontal menu bar with 6 categories on it set out side by side (approx 760x20px). As the user mouses over any one of the categories a drop down bar with the same dimensions as the menu above appears directly below with sub-categories, again set out side by side. (As opposed to full drop down) The sub-categories are links.

    I have seen this done in Flash but I was wondering if anyone knew of a way using JS or DHTML? Or is there a script somewhere?


    Ya don't need a weatherman to know
    which way the wind blows...

  • #2
    You could use layers


    I've done something similar using layers in Dreamweaver. I created a layer for each of the menus, which are hidden when the page loads. Then I made one layer with a huge transparent gif that covers the entire nav area and about half inch past it on each side. I set that layer to make all other layers disappear when the mouse passes over it. That way the menus disappear when the person moves out of the nav area. Then set all of the other layers to appear on mouseover and the other layers to hide. It really didn't take that long and it works very well.

    There are some programs out there that automate the process but I've tried a few and the menus worked great alone, but as soon as I put them into the page they didn't work right anymore. GRRR!! That's very frustrating. If you use Dreamweaver and can figure out how to use layers, you can do quite a bit with the nav bar (and other things too!).

    I hope this is of some help to you!