Menu and Navigation Scripts
jQuery Gooey Menu FF2+ IE7+ Opr8+
jQuery Gooey Menu uses the
lamp" effect to create CSS menus with a moving gooey background
effect. Whenever the mouse moves over a menu item, the desired style that
indicates the selected menu item follows the mouse to that item, smoothly
highlighting the currently active item.
DD ScrollSpy Menu FF2+ IE8+ Opr8+
For long pages with lots of
content, keeping the user oriented and knowing where within the page
he/she is at all times can be challenging. DD ScrollSpy Menu solves this
problem, by letting you create a menu whose menu items are automatically
highlighted based on the portion of the page the user is currently viewing.
Responsive Side toggle
Menu FF2+ IE8+ Opr9+
Side Toggle Menu lets you add a side bar menu to your page that slides in
from the left or right edge of the browser window. It supports two types of
unveiling- either by nudging the rest of the page and making room for itself, or
overlaying the page (and not displacing its neighbours).
Page Sideview Menu FF2+ IE8+ Opr9+
This menu displays itself prominently on the page with the help of css3
transforms and transitions. The menu glides in from the left edge of the screen
while shrinking the rest of the page content into the background, bringing the
user's focus squarely on the menu itself. Clicking anywhere on the page again
hides the menu and returns the page back to its original state.
Side Push Menu FF2+ IE8+ Opr9+
This is the emblematic menu
of the mobile web era- it's a side bar menu that when opened
pushes aside the rest of the page's content horizontally, similar to the
navigation menu found on Facebook Mobile. It supports either a left or
right orientation, with the contents of the menu optionally pulled from an
external file on the server.
Omni Slide Menu FF1+ IE5+ Opr7+
Omni Slide Menu is an super versatile slideout menu that reacts to the
mouse hovering over and out of it. It can be positioned to the left, top,
or right edge of the browser window, supports static positioning, plus
multiple instances of the same menu on a page and more. Very cool.
Slide-In Menu FF1+ IE5+ Opr7+
A multi-featured slide-in menu script that supports some of the most
requested features such as frame targeting, static positioning, and header(s)
Links FF1+ IE5+ Opr7+
Tuck away those links and make them visible only
when needed with this script! A bar of links is slided out from the left edge of the
window when the protruding part is clicked on. Great way to maximize realty space on your
Menu script FF1+ IE6+
A list based vertical menu with nested content that expand and contract
when the user clicks on a menu header. Specify which menu headers are
expandable, style the headers differently depending on whether its content is
expanded or not, and specify whether persistence of the menu states within a
browser session should be enabled. Clean CSS and HTML make up the menu, and is
very adaptable to customization.
Switch Menu FF1+ IE5+
Switch Menu is a unique navigational script with characteristics of a folding tree. It dynamically expands the chosen menu item when clicked on
(revealing the containing links) while contracting the rest.
Switch Menu II FF1+ IE5+
Switch Menu II like its cousin creates menu headers that
expand and contact when clicked on to reveal additional links within. A
smooth "Win XP" style animation is applied during the unfolding of the
Slashdot Menu FF1+ IE5+
This is a stylish collapsible menu modelled after the navigational menu
found on Slashdot.
Configure the menu in a multitude of ways, such as which sub menus to expand by
default, whether to persist menu states using cookies, to the speed in which
menu items expand/ collapse. Very cool.
script FF1+ IE5+ Opr7+
This is a cross-browser menu that stays static on the left hand corner of
your screen. It gently floats into its original position on the page if the window is
script FF1+ IE5+ Opr7+
Add an elegant, visible-from-the-start static menu to your site with this
script! Both the menu's dimensions and its static location on the page can be easily
configured, making it a piece of cake to integrate the menu to conform to your site's
down menu w/ description FF1+ IE5+
is your straightforward drop down menu constructed using the
<SELECT> tag, except in IE5+ and NS6+, a
description of each selection is displayed beneath it!
Mouseover Tabs Menu FF1+ IE5+ Opr7+
This is a mouseover tabs menu. Move the mouse over
designated links, and additional "sub links" appear beneath it.
Think of it as an inline two level menu. The sub menu contents are defined inside an
external file and fetched via Ajax when the page loads.
menu links FF1+ IE5+ Opr7+
If you have a lot of menu links and not a lot of space, this is the script
to turn to. It compacts any content into a predefined area, with the content accessible
via left and right scroll buttons. Browsers other than IE 4+ or NS 4 will simply see nothing.
AnyLink Drop Down Menu v2.0 FF1+ IE5+
This is a versatile drop down menu that can be applied to
ordinary links on your page, including image links. It can be activated
either onMouseover or onClick. The menu contents are defined inside a
shared .js file or easy editing across multiple pages.
menu FF1+ IE5+ Opr7+
allows you to associate a dynamic menu with regular links on your
page. As the mouse moves over the link in question, a menu pops up
containing "sub links". Think of it as a "loose" drop
Full Screen Mobile Menu FF2+ IE9+ Opr9+
To compensate for the limited
screen space offered on mobile devices, this mobile-first navigation menu
creates a slide in menu that takes up the entire screen when expanded. Its
content can be defined either as an inline
<nav> element, or
inside an external file and fetched via Ajax. Swiping/ mouse dragging is
supported inside the content to scroll it upwards/downwards.
Dropdown HTML control FF1+ IE5+
Use this script to create a
drop down control for arbitrary content on the page, such as a a search form.
When the user clicks on a link, the content drops down and is shown on demand.
jQuery Context menu
script FF1+ IE5+
This jQuery script lets you
associate a multi-level context menu to any element on the page, so
right clicking within the element activates the menu. The default
context menu of the browser is suppressed as a result. A different
context menu can be added to different elements on the page, such as one
for the document as a whole, another for just a DIV on the page etc.
menu script II IE5+
This is a IE5.5 specific context menu script that differs from the above
in the way the menu is rendered, and also, feature set.
Headers FF1+ IE5+ Opr7+
A script that makes selected headers in a page contractible in IE /NS6+. All other browsers, including
NS 4.x, will simply see the headers uncontracted (degrades well)
Microsoft Outlook Bar
This is a smashing DHTML navigation bar that resembles the OutLook bar of
Internet Explorer. Fittingly enough, it only works in IE 4+ as well!
Microsoft Outlook Bar II
This unique OutLook looking menu tucks away its contents until user
intervention. It supports an unlimited number of categories, and
furthermore, works across all DHTML browsers (IE4, NS4+. Mozilla 0.9,
Opera5). Works best in a frames page.