 Drop down menus are very elegant. They give a site a professional look but they also allow for displaying large amounts of information in an ordered fashion.
I was planning to design my own code for this article but there are very good examples of drop down menu available on the web.
I’m going to list a few of the best ones:
- One of the bests out there
http://www.dynamicdrive.com/dynamicindex1/jsdomenu/index.htm
With impressive looks and a feature that allows to setup the menu as a right-click context menu, this drop down is a must see and probably all you are looking for.
- Simple drop down menu
http://www.codestyle.org/javascript/dom/css/visibility-HorizontalMenus.shtml
This is a good place to start. One of the main problems with drop down menus is cross-browser compatibility; this one should work in any DOM1 compatible browser (IE5+ and Firefox, of course.)
- Pure CSS Drop Down
http://www.evolt.org/article/How_to_make_a_simple_CSS_dropdown_menu/17/52030/
This one is a very nice drop down menu exercise, but it doesn’t work in IE. The thing is IE doesn’t render CSS properly (according to the specifications) so the code of this pure CSS drop down menu will only work in Firefox (and hopefully Internet Explorer will catch up by ver.7)
- Pure CSS for Firefox, plus CSS FIX for IE
http://www.seoconsultants.com/css/menus/tutorial/
This is an outstanding tutorial. If you are interested in learning how drop down menus work, look no further. This article will explain the dynamics of a pure CSS horizontal drop down menu and then add a CSS “fix” required for it to work in IE as well.
This is the result:
http://www.tanfa.co.uk/css/examples/menu/hs7.asp
- Simple and quick
http://www.dynamicdrive.com/dynamicindex1/dropmenuindex.htm
This one is very easy to use and implement. Due to it’s simplicity you will have it running in no time. It uses CSS and Javascript.
- And last but not least:
http://www.dynamicdrive.com/dynamicindex1/jimmenu/index.htm
This one features a more impressive look, but most importantly it supports most browsers. It is a well designed script that allows for configuration.
Finally, there are alternatives to drop down menus. If you are not sure about using drop down menus in your site, check out the other options.
Author : Esopo, Read 2266 times, Comments: 0| Rating : |   | | Tuesday, 19. April 2005 |
Add new comment/Comments
| Your rating : Poor Excellent |
  Did you know? There is a wallpaper gallery? Yeap, it took me a while to code it and put it together for your entertainment. Check it out and, if you like it, drop me a line.
Visit gallery
Featured * The Notepad on steroids. Quickness and simplicity, the Notepad’s two most acclaimed features are the core of this little editor; except Notepad2 goes the extra mile to provide syntax highlighting, brace matching, auto indent, rectangular selection, etc. With this tool around, there is no reason to have the original Notepad on your PC. (Source code available) Often people ask the same question: What is the best PHP book? - The answer is so simple they still go ahead and buy some book. Besides being one of the most thorough manuals ever written, the online PHP manual includes user comments adding greatly to its richness. This is the first and most important resource a PHP coder should have. http://www.php.net/manual/en/ | 
46%