Plugin jQuery que cria um menu sanfona. Permite você definir os elementos que inicialmente vão aparecer fechados ou abertos. Permite também customizar animações.
Site: http://bassistance.de/jquery-plugins/jquery-plugin-accordion/
Demo: http://jquery.bassistance.de/accordion/demo/
Licença: License MIT e GPL.
Menu sanfona, ou accordion menu, construído com jQuery. O comportamento básico é mostrar um submenu (e fechar o outro) quando se clica ou passa o mouse sobre o link do menu principal.
Site: http://roshanbh.com.np/2008/06/accordion-menu-using-jquery.html
Demo: http://roshanbh.com.np/2008/06/accordion-menu-using-jquery.html
Licença: Não especificada.
Menu no estilo do site da Apple construído com jQuery. Possui um efeito quando o mouse fica sobre um link, ele se abre, aparecendo um ícone.
Site: http://www.kriesi.at/archives/apple-menu-improved-with-jquery
Demo: http://www.kriesi.at/wp-content/extra_data/kwicks_tutorial/kwicks_final.html
Licença: Não especificada.
Barra de navegação no estilo do site da Apple. Utiliza somente CSS e imagens. Em alguns navegadores os cantos arredonados são comprometidos, devido a necessidade de recursos do CSS3.
Site: http://westciv.com/style_master/blog/apples-navigation-bar-using-only-css
Demo: http://westciv.com/style_master/house/good_oil/satoshi/
Licença: Creative Commons License.
Painel que fica recolhido na lateral da página e “aparece” quando passamos o mouse sobre ele.
É dividido em abas laterais, onde cada uma abre seu respectivo menu. Esse menu pode ser “congelado” (dock significa doca, estaleiro) quando se clica no link dock. Ao clicar em undock ele volta ao estado original.
Pode-se fazer isso com todos os menus disponíveis. Permite uma navegação agradável, intuitiva e funcional ao mesmo tempo.
Site: http://www.jankoatwarpspeed.com/post/2009/06/01/Advanced-docking-using-jQuery.aspx
Demo: http://www.jankoatwarpspeed.com/examples/AdvancedDocking/
Licença: Não especificada.
Menu de navegação que fica no topo da página. No efeito onmouseover aparece os sub menus, no estilo drop down. Possui também uma caixa de texto para implementar buscas.
Site: http://www.jankoatwarpspeed.com/post/2009/01/19/Create-Vimeo-like-top-navigation.aspx
Demo: http://www.jankoatwarpspeed.com/examples/vimeo_navigation/
Licença: Não especificada.
Menu que fica no topo da página, como se estivesse fechado, e quando clicado ele desliza para baixo na tela, como se estivesse aberto. Podemos chamar de sliding menu e top menu.
Inicialmente aparece assim:
Quando clicamos nele fica assim:
Site: http://www.webresourcesdepot.com/sliding-top-menu-with-jquery/
Demo: http://www.webresourcesdepot.com/wp-content/uploads/file/jquery-sliding-menu/
Licença: Não especificada.
Menu de contexto com jQuery. Aparece ao clicar com o botão direito do mouse. É possível navegar pelo teclado.
Site: http://abeautifulsite.net/notebook/80
Demo: http://abeautifulsite.net/notebook_files/80/demo/jqueryContextMenu.html
Licença: GPL e MIT License.
mif.menu é um menu de contexto que utiliza mootools. Esse menu aparece no clique do botão direito do mouse sobre uma determinada área.
Possui algumas variações, desde simples estilos até outros mais trabalhados com CSS.
Site: http://mifjs.net/trunk/menu/
Demo: http://mifjs.net/trunk/menu/Demos/index.html
Licença: Creative Commons Attribution-NonCommercial-ShareAlike 3.0 License.
Menu com ícones que aumentam na medida em que o mouse passa sobre eles. Essa é a idéia por trás de um controle fisheye, como é chamado essa técnica.
Site: http://positionabsolute.net/blog/2007/08/prototype-fisheye.php
Demo: http://positionabsolute.net/projects/javascript/Fisheye/
Licença: Não especificada.
