Подборка CSS3 меню

Под катом находится сравнительно небольшая подборка СSS3 и СSS3+JQuery меню. Некоторые из них уже могли встретится пользователям на просторах Интернета, некоторые-нет. Весь обзор представлен в виде скриншотов и демо-ссылок, а также ссылок на закачку сырцов, там, где это возможно.

A Fancy menu using CSS3 and jQuery ^[1]

Демо ^[2]
Закачать ^[3]

Лицензия — Creative Commons Attribution-Share Alike 3.0 Unported.

Автор: denldv

Сайт-источник PVSM.RU: https://www.pvsm.ru

Путь до страницы источника: https://www.pvsm.ru/css3/3916

Ссылки в тексте:

[1] A Fancy menu using CSS3 and jQuery: http://blog.insicdesigns.com/2010/02/creating-a-fancy-menu-using-css3-and-jquery/

[2] Демо: http://insicdesigns.com/demo/css3/exp1/index.html

[3] Закачать: http://insicdesigns.com/downloads/fancy-menu.zip

[4] Slide out navigation jQuery and CSS: http://tympanus.net/codrops/2009/11/30/beautiful-slide-out-navigation-a-css-and-jquery-tutorial/

[5] Демо: http://tympanus.net/Tutorials/FixedNavigationTutorial/

[6] Закачать: http://tympanus.net/Tutorials/FixedNavigationTutorial/FixedNavigationTutorial.zip

[7] CSS3 Animated Menu: http://www.script-tutorials.com/creating-css3-animated-menu/

[8] Демо: http://www.script-tutorials.com/demos/126/index.html

[9] Закачать: http://www.script-tutorials.com/demos/126/source.zip

[10] CSS3 Vertical Navigation: http://spyrestudios.com/how-to-create-a-sweet-css3-vertical-navigation/

[11] Демо: http://jsfiddle.net/hatchergraphics/Wr62u/show/light/

[12] CSS3 Mega Drop-Down Menu: http://net.tutsplus.com/tutorials/html-css-techniques/how-to-build-a-kick-butt-css3-mega-drop-down-menu/

[13] Демо: http://nettuts.s3.amazonaws.com/819_megamenu/demo/index.html

[14] Закачать: http://nettuts.s3.amazonaws.com/819_megamenu/demo.zip

[15] Halftone Navigation Menu With jQuery and CSS3: http://tutorialzine.com/2010/01/halftone-navigation-menu-jquery-css/

[16] Демо: http://demo.tutorialzine.com/2010/01/halftone-navigation-menu-jquery-css/demo.html

[17] Закачать: http://demo.tutorialzine.com/2010/01/halftone-navigation-menu-jquery-css/demo.zip

[18] Image Menu with Jquery: http://www.alohatechsupport.net/webdesignmaui/maui-web-site-design/create_image_menu_with_jquery.html

[19] Демо: http://www.alohatechsupport.net/examples/image-menu-1.html

[20] Закачать: http://www.alohatechsupport.net/downloads/image-menu-1.zip

[21] jQuery style menu: http://www.tobypitman.com/jquery-style-menu-with-css3/

[22] Демо: http://development.tobypitman.com/css/menu.html

[23] Slide Down Box Menu with jQuery and CSS3: http://tympanus.net/codrops/2010/07/16/slide-down-box-menu/

[24] Демо: http://tympanus.net/Tutorials/SlideDownBoxMenu/

[25] Закачать: http://tympanus.net/Tutorials/SlideDownBoxMenu/SlideDownBoxMenu.zip

Нажмите здесь для печати.