7 jQuery / CSS3 Menu Demos

May 16, 2013

Write powerful, clean and maintainable JavaScript.

~~RRP $11.95~~

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.

Source Demo

2. An Anonymous Pen

Demos using a for loop to calculate the positions of a series of way-points with an animated progress bar.

Source Demo

3. Metro Collapsible Menu

Pretty cool metro collapse menu accordion, it uses jquery.collapsible.menu.js

Source Demo

4. Metro Navigation

3 types of Metro Navigations using CSS3 transitions for colors.

Source Demo

5. Sidebar with sub menus + metro bootsraps

Sidebar with sub menus + metro bootsraps

Source Demo

6. Topbar drop down menu

Very simple topbar drop down menu.

Source Demo

7. Left and top sub menus

Cool demo with left and top sub menus again very easy to implement.

Source Demo

Sam Deering

Sam Deering has 15+ years of programming and website development experience. He was a website consultant at Console, ABC News, Flight Centre, Sapient Nitro, and the QLD Government and runs a tech blog with over 1 million views per month. Currently, Sam is the Founder of Crypto News, Australia.