13 Awesome Javascript CSS Menus via noupe.
Every web designer wants to have a very creative web page navigation menu. Here are 13 web page navigation menus implemented using Javascript for you. Their effect is really cool. An urge to put these 13 effects together and make a WordPress theme. It's just that I'm more worried about what kind of host can run them well at the same time, in addition to my ability to control them.
Oh, you are not as stupid as I am, choose your favorite and use it as your web navigation menu.
1) Sexy Sliding Menu - Javascript web navigation menu based on mootools, beautiful sliding door technology, see the picture below, use it to design your Sidebar, very dazzling, 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 multi-level nested menus.
Demo: FastFind Menu
3) Webber 2.0 Dock Menu - A typical Dock type web page navigation menu.
Demo: Webber 2.0 Dock Menu
4) Phatfusion- Image Menu - This is an image navigation menu using Javascript, its biggest feature is that in addition to floating and expanding the image link, it also maintains the currently selected menu link state.
Demo: Phatfusion- Image Menu
Demo: Mootools version with XML parser
5) Drag and Drop ordering in a TreePanel - This seems to be extracted from the famous Ext JS, a tree navigation menu, inspired of course from the Windows Explorer, I believe so.
Demo: Drag and Drop ordering in a TreePanel
The introduction and other related information of the display menu are displayed at the same time, and its dynamic effect even reaches Flash. However, the disadvantage is that it needs to be refreshed again for the dynamic display of the navigation menu.
Demo: Custom Menu Events | ThinkVitamin.com
7) Context Menu Functionality A concise and lightweight contextual navigation menu, which is beneficial to achieve a good interaction when users browse.
Demo: Context Menu Functionality
This is another Demo Another Context Menu
8) LavaLamp jQuery Sliding Menu is a jquery-based sliding menu effect with small size. Another version is from Guillermo Rauch based on mootools.
Demo: LavaLamp jQuery Sliding Menu
Demo: Mootools Fancy Menu
9) Slashdot Menu- Dynamic Drive This is a popular swipe/collapse navigation menu extracted from the famous website Slashdot by design lovers. Its controllability is very strong. For example, you can set it to only open the main menu before playing, or open all of them, or shrink all submenus at the same time, etc., and the menu can be displayed according to cookie judgment.
Demo: Slashdot Menu
10) Mootools menu with Accordeon and Effects is a very neat navigation menu, when the mouse is hovered, the current link will stretch out and show a secondary menu of accordion effects.
Demo: Mootools menu with Accordeon and Effects
11) CSS Dock Menu This is another Mac style fisheye menu from Nick la, if you are interested in this effect, you can take a look at my other article:
Multiple Mac style fisheye menus (Dock Menu ) free download and tutorial
Demo: CSS Dock Menu
12) jQuery Plugin: Sliding Menu - A very neat sliding menu.
Demo: jQuery Plugin: Sliding Menu
13 ) Accessible expanding and collapsing menu
Demo: Accessible expanding and collapsing menu
Web developers can create amazing JavaScript and CSS effects, and AJAX technology makes it possible to create more interactivity, more responsiveness and more flexible website navigation. If you guys know anything more beautiful, powerful, cool, and awesome web navigation menus, you can leave a comment here so that more web designers can take it, use it, and use it. Convenience, not piss.