In today’s post we have a nice collection of jQuery / CSS3 Menu demos. These menus include properties like hover over, collapsible, and even sidebar menus with metro bootsraps. Enjoy!
1. Metro Hover Menu
Metro Hover Menu with a cool CSS3 raising effect.
2. An Anonymous Pen
Demos using a for loop to calculate the positions of a series of way-points with an animated progress bar.
3. Metro Collapsible Menu
Pretty cool metro collapse menu accordion, it uses jquery.collapsible.menu.js
4. Metro Navigation
3 types of Metro Navigations using CSS3 transitions for colors.
5. Sidebar with sub menus + metro bootsraps
Sidebar with sub menus + metro bootsraps
6. Topbar drop down menu
Very simple topbar drop down menu.
7. Left and top sub menus
Cool demo with left and top sub menus again very easy to implement.
Meet the author
Sam Deering is a Front-end Web Developer who specialises in JavaScript & jQuery. Sam is driven and passionate about sharing his knowledge to educate others.
Login or Create Account to Comment
Login
Create Account
Recommended
Sponsors
JavaScript
Creating Beautiful Charts Using Vue.js Wrappers for Chart.js
Learn to easily create different kinds of charts and visualizations for your Vue.js applications, using these three wrappers for the...
JavaScript
A Beginner's Guide to HTML5 Cross-Browser Polyfills
Nowadays, new features are added to browsers at a rate of knots. Oliver Williams shows how polyfills let you write modern code, which will...
34m
Ember 2.0
Applications with the Ember JavaScript framework
40m
Introduction to Grunt.JS
A quick introduction to Grunt
1h 12m
Visualizing Data with D3.js
Illustrate Your Data with JavaScript
41m
Forms with React and Redux
Easily create forms with Redux Form
Premium Course
34m
Premium Course
Thomas Greco, Jul 12