How to Implement a Perfect Multi-Level Navigation Bar

A question I often receive is what’s the best way to implement a multi-level navigation bar for a website. In some cases, some of my readers ask to me a little help and send me “very original” solutions but not so suitable in terms of semantic and unobtrusive approach to coding. For my experience, I always suggest to use simple and standard methods. So in this tutorial I want to illustrate you how to implement a perfect multi-level navigation bar using HTML, CSS and some lines of unobtrusive JavaScript code with jQuery to show and hide sub sections. The result is the following:

You can quickly reuse the code I provided in this tutorial into your web projects, customizing the CSS file and changing the links. You can take a look at the demo here or download the source code here.

Read the rest of this entry »

http://woork.blogspot.com/2009/09/how-to-implement-perfect-multi-level.html

Drop-Down Menu: 30+ Useful Scripts To Enhance Header Navigation

Drop-down menu (also known as pull-down menu) is an essential in most web design. It plays important role in the creation of an effective and user friendly website. It’s a good solution to trim down long menu that is overwhelming the screen space, getting them to display in a more organize category-sub category pattern.

In this article, we’d like to show you some of the best drop-down menu scripts we come to know. These drop-down menu varies from CSS only, CSS & Javascripts and menu that will work with your current Javascript library like jQuery, MooTools and Prototype. Full list after jump.

Here are some related articles we figured you might be interested in:

• Building HTML Tables
• Starter Kits for Web Designers
• CSS Tab-Based navigation scripts

Read the rest of this entry »

http://www.hongkiat.com/blog/drop-down-menu-30-free-scripts-to-enhance-header-navigation/