A nice navigation menu, along with user friendly layout will help users get around and access the necessary content faster. The most difficulty is web developers must spend a lot of time to get the navigation works properly on all browsers. Simple solution is the JavaScript framework library, and that is the purpose of this free JavaScript article.

• Demo
• Enlarge
• Reload
• New window

Sliding/Gliding Menus

jGlideMenu

A jQuery nested menus, based on dynamic "AJAX" responses. The menu can also be dragged/dropped.

How To Create A 'Mootools Homepage' Inspired Navigation Effect Using jQuery

As you know there are a host of competing javascript libraries around these days. Though I prefer jQuery, I've always liked the way the menu on MooTools worked. So in this tutorial we'll recreate that same effect.

Creating a Floating HTML Menu Using jQuery and CSS

For all of us who deal with long web pages and need to scroll to the top for the menu, here's a nice alternative: floating menus that move as you scroll a page. This is done using HTML, CSS and jQuery, and it's fully W3C-compliant.

jQuery vertical slide fixed height menu #6

Expanding simple vertical slide menu. This one allows you to have fixed, non-expanding top level links and the ability to click to open and click to close a top level sub list. Tested in IE6, IE7, Firefox, Opera, Safari (PC) and Google Chrome.

A donation for use of this menu is required.

How to make accordion menu using jquery

In this post I'll show you how can you create fancy accordion menu using jQuery. In this post, you'll see two examples of accordion. First menu's visibility get's toggled on clicking on the header while the another menu's visibility get's toogled when mouse is moved over it.

Slide down menu

A slide menu based on an unordered list (<UL><LI>). It supports unlimited depth of items.

Info and download | Demo | Demo 2

Unobtrusive slide out menu

In this DHTML menu script, the submenu slides to left or to the right. The menu is based on an unordered list(<UL><LI>) which makes it search engine friendly and visible to users with Javascript disabled.

Info and download | Demo | Demo 2 | Demo 3

• Code
• Print

• Comment (0)
• Write

by Preview

Cancel reply

Write your comment

Comment's title

I assure 100% I am real human
I repeat I am not bot

• Sent (0)
• New