30+ Essential Javascript Framework Supported Navigation Techniques
Navigation is key to any web site or blog. Good and user friendly navigation making it easy for your visitors to get around fast is simply one of the most elemental elements of web design and development.
Horizontal dropline/dropdown/flyout menu #4 using jQuery
Dropline Menu with dropsown. It will automatically be close after 2 seconds if the mouse moves off any of the menu items. This ‘feature’ can be modified to collapse back to keep the dropline.
Tested in IE6, IE7, Firefox, Opera, Safari (PC) and Google Chrome.
A donation for use of this menu is required.
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