Go Back   CodingForums.com > :: Client side development > JavaScript programming

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rate Thread
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 07-04-2002, 12:23 PM   PM User | #1
meerkat
New Coder

 
Join Date: Jun 2002
Location: Glasgow, Scotland
Posts: 40
Thanks: 0
Thanked 0 Times in 0 Posts
meerkat is an unknown quantity at this point
Alternative navigation menu bar

Hi,

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?

thanks

meerkat
__________________
Ya don't need a weatherman to know
which way the wind blows...
meerkat is offline   Reply With Quote
Old 07-04-2002, 05:47 PM   PM User | #2
dingbatqueen
New to the CF scene

 
Join Date: Jul 2002
Posts: 7
Thanks: 0
Thanked 0 Times in 0 Posts
dingbatqueen is an unknown quantity at this point
You could use layers

Howdy!

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!

'ding'
dingbatqueen is offline   Reply With Quote
Reply

Bookmarks

Jump To Top of Thread


Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT +1. The time now is 09:02 PM.


Advertisement
Log in to turn off these ads.