asked on

Creating Drop Down Menus

Hello all I need a good commented example of how to create a drop down menu, similar to what is on microsoft's homepage when you move the mouse pointer over the menu and a list of option appears and then when you move the mouse away the list disappears.

TTom

If you are going to use the same platform as the Microsoft Site (i.e., ASP/ActiveX), you can go to the Microsoft site and get a complete explanation of how their menus were built.

http://msdn.microsoft.com/workshop/Author/dhtml/NavBar.asp

Be advised that this is an IE only solution. I believe Michel (mplungjan) has proposed a cross browser solution somewhere on EE (JavaScript?).

You might also check out www.webreference.com (either /js or /dhtml) for their tutorials. I am not sure they do a drop down menu tutorial, but, if they do, it will give you everything you need.

Tom
Tom

ASKER CERTIFIED SOLUTION

Mark Franz

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

Mark Franz

I must point out that this solution is for 4.0 > browsers only... For older browsers you can use the 'onMouseOver, onMouseOut', but image maps would need to be utilized.

I have a script that works for older browsers also if your interested.

P.S. change the "top:30px;" to "top:25px;" In Netscape the gap will unload the <div>

Nuller

hey mgfranz... did u use Dreamweaver to create that by any chance? :-)

Mark Franz

No, why?