Horizontal and responsive Microsoft-like drop-down menu

A responsive horizontal drop-down menu, inspired by the Microsoft.

Microsoft-like drop-down menu: Blueprint

This small solution helps to create a responsive horizontal Drop Down menu using CSS3 and jQuery.

This large horizontal drop-down menu simply shows the sub-menu when an item gets clicked. It was inspired by the Microsoft.com drop-down menu. Some example media queries show how to adjust the menu for smaller screens.

Horizontal, Microsoft-like drop-down menu
Horizontal, Microsoft-like drop-down menu

Demo:

http://tympanus.net/Blueprints/HorizontalDropDownMenu

Blueprint Microsoft-like drop-down menu – tutorial and download:

http://tympanus.net/codrops/2013/03/05/horizontal-drop-down-menu

GitHub:

https://github.com/codrops/Blueprint-HorizontalDropDownMenu

Check out more tutorials and articles about JavaScript, html5, CSS, jQuery and more:

http://javascript-html5-tutorial.com

Enjoy and thank you for your attention!

Share:Share on Facebook2Share on Google+1Tweet about this on TwitterShare on LinkedIn1Pin on Pinterest100