JavaScript navigation menu 13

Source: Internet
Author: User
Tags xml parser mootools

Source: http://www.noupe.com/ajax/13-awesome-java-script-css-menu.html Translation: http://parandroid.com
Here are 13 Web navigation menus that you have implemented with JavaScript

1) Sexy Sliding menu-based on MooTools's JavaScript Web navigation menu, beautiful sliding door technology, see below figure out No, use it to design your sidebar, very dazzle, Sexy, yes.

Demo:mootols Version
Demo:Script.aculo.usVersion

2) FastFind Menu Script-This script is basically dynamic Ajax technology that allows you to create multilevel nested menus.

Demo:fastfind Menu

3) Webber 2.0 Dock Menu-A typical dock type Web navigation menu.

Demo:webber 2.0 Dock Menu

4) Phatfusion-image menu-This is a picture navigation menu that uses JavaScript, and its greatest feature is that it retains the currently selected menu link state in addition to the hover-expanded image link.

Demo:phatfusion-image Menu
Demo:mootools version with XML parser

5) Drag and Drop ordering in a treepanel-this seems to be from the famous Ext js, a tree navigation menu, inspiration is of course from the Windows Explorer, I believe so.

Demo:drag and Drop ordering in a Treepanel

6) Custom Menu Events

The Presentation menu and other relevant information are displayed at the same time, and its dynamic effect even reaches flash. However, the disadvantage is that it needs to be refreshed again to display the navigation menu dynamically.

Demo:custom Menu Events | Thinkvitamin.com

7) context menu functionality a simple and light text navigation menu, which facilitates the user to achieve a good interaction when browsing.

Demo:context Menu Functionality

This is another demoanother Context Menu

8) Lavalamp jquery Sliding menu is a jquery-based, sliding menus effect that is small in size. Another version was built from the Guillermo Rauch based on MooTools.

Demo:lavalamp jQuery Sliding Menu
Demo:mootools Fancy Menu

9) Slashdot Menu-dynamic Drive This is a popular sliding/folding navigation menu that is extracted by design enthusiasts from the famous website Slashdot. The control is very strong, such as you can set to only the front of the main menu open, or all open, or simultaneously shrink all sub-menus, and can be based on the cookie to display the menu.

Demo:slashdot Menu

Mootools menu with Accordeon and Effects is a very neat and clean navigation, when the mouse hovers, the current link will stretch out and can display an accordion effect of the level two menu.

Demo:mootools menu with Accordeon and Effects

CSS Dock Menu This is also the Mac-style Fisheye effect menu from Nick La, and if you're interested in this effect, take a look at one of my other articles:
Multiple Mac-style fish-eye menu (Dock menu) free download and tutorials

JavaScript navigation menu 13

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.