1. Home
  2. Computing & Technology
  3. JavaScript

Menus

Make the navigation links on your page less obtrusive by using a menu.
Double Bar Menu
This menu displays as two bar menus across the page with the content of the second bar being determined by which option is selected in the first bar.
Unobtrusive Collapsible Menus
Add collapsible menus to your web page in a completely unobtrusive way. This script has two different variants of the JavaScript depending on whether you want each collapsible menu to operate separately or whether you want the opening of one to collapse the one previously open.
Enhanced Suckerfish Menu
The suckerfish dropdown menu was the name given to the first dropdown menu for web pages designed using just HTML and CSS with no Javascript required (except to handle some CSS support that is missing from Internet Explorer). In my version of this menu I have also added some further Javascript that will enhance the functionality of the menu.
Collapsible Menus
Save space on your page by collapsing your menus when they are not being used.
Drop Down Menu
Most programs have a menu bar across the top to select the various functions appropriate to that program. Now you can use something similar for your web page navigation. This script maker allows you to select the colours for your menu and also provides a single link to your site map for those visitors whose browsers don't support the full menu.
Hover Menu
If you want readily accessible navigation on your web page that takes up only a small space then how about this hover menu that sits in the bottom right hand corner and only expands out into a full menu when needed.
Sliding Menu
Keep your navigation links out of the way until they are required by inserting them into a sliding menubar.

Explore JavaScript

More from About.com

  1. Home
  2. Computing & Technology
  3. JavaScript
  4. Site Navigation
  5. Menus

©2008 About.com, a part of The New York Times Company.

All rights reserved.