menuSlider is jQuery menu slider plugin that creates the slider over the menu items. It's easy to use and create menus with slide animation effect.
A tutorial on how to create some nice custom drop-down lists with CSS and jQuery.
There are five examples with different looking drop-down menus and lists for various purposes.
A tutorial about Creating Android Dock using jQuery & CSS3.
The application icon will pop out consecutively when arrow image on the dock clicked and not just the icon beautifully animated the dock itself also rotating vertically with 3D style.
A tutorial about "Creating Jelly Navigation Menu for Touch Devices" by Smashing Magazine.
PaperJS used for the canvas graphics and TweenJS used for the animations.
A tutorial about creating an accordion menu by using jQuery and CSS3.
A tutorial about "Creating Google Play’s Multi-Level Navigation Menu".
This menu has smooth animation and let users peek at the root-level menu by simply hovering a back button. It's created with using HTML, CSS and jQuery.
An experimental push menu with multi-level functionality that allows endless nesting of navigation elements.
The result is a “push” menu that can (theoretically) contain infinite nested sub-menus. When opening a sub-level, the whole navigation pushes the content more, allowing a slice of the parent menu to be visible. Optionally, this slice can be visible or not, in which case the sub-menu will simply cover its parent.
Menutron transforms your navigation menus from a list to a select menu when resizing your browser. On mobile devices, the select menu pulls up a native control, making it easier to pick an item.
A tutorial on how to re-create the slide out sidebar menu that can be seen on the Google Nexus 7 website.
It slides out with a really nice effect where some subitems get expanded as well. When hovering over a special menu icon, the sidebar icons will be revealed. When clicking on the icon, the whole sidebar menu will be shown. The first sidebar menu item is a search input which is styled the same way like the other menu items.
slimMenu is a lightweight jQuery plugin, which is made to create responsive and multi-level navigation menus on the fly.
Features:
Navgoco is a simple jQuery plugin which turns a nested unordered list of links into a beautiful vertical multi-level sliding navigation with options to remember sub-menus visible state between sessions and act as an accordion.
contextMenu.js is a plugin to create windows like context menu with keyboard ineteraction, different type of inputs, trigger events and much more.
Features
A tutorial about how to create a simple, but very stylish vertical menu using some CSS3, jQuery, a custom text font and the most impressive icon font. Combine all of these with a nice color scheme and you get a beautiful UI element, ready to be used in your projects!
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.
CSS3 transitions are used to power the animation, ensuring a smooth visual experience even on low powered mobile devices. And speaking of mobile devices, the menus are adaptive in that it automatically switches to a basic drop down menu using a toggle button at the top of the page when the user's device width is 480px or less.
Smint is a simple jQuery plugin that helps with the navigation on one page style websites.
It has 2 main elements, a sticky navigation bar that stays at the top of the page while you scroll down and menu buttons that automatically scroll the page to the section you clicked on.
