how do I make a menu like this?

Question

When you hover over a word/button, more options appear.
What's the term for a menu like this, and how do I make one?

http://www.forbes.com/

Answer 1

See following sites for navigation menus:



CSS Library Horizontal CSS Menus: http://www.dynamicdrive.com/style/csslibrary/category/C1/

http://www.dynamicdrive.com/dynamicindex1/

http://www.cssplay.co.uk/menus/

How to Style an Unordered List with CSS: http://www.webreference.com/programming/css_style2/index.html



How To:



http://www.w3.org/TR/WCAG10-HTML-TECHS/#links

http://www.creativepro.com/article/dreamweaver-how-create-you-are-here-navigation-links

http://efuse.com/Design/navigation.html

Simple JQuery Accordion menu: http://www.i-marco.nl/weblog/jquery-accordion-menu/



Drop-Down Menus, Horizontal Style: http://www.alistapart.com/articles/horizdropdowns/

The Right Way to Make a Dropdown Menu: http://www.sitepoint.com/blogs/2009/04/01/the-right-way-to-make-a-dropdown-menu/



Ron

Answer 2

That's just a drop down menu styled horizontally, google "How to make a drop down menu" for more detailed information than I can give you, because you need software to create any decent menus.

Answer 3

it is a Drop down menu. you can chose the one you want

Answer 4

I think you can do this with pure CSS.



http://www.google.com/#hl=en&source=hp&q=popup+menu+css+tutorial&aq=f&aqi=&aql=&oq=&gs_rfai=&fp=fccb06969b785556



It would be nicer than getting lots of javascript involved, I'm sure.