O tutorial abaixo foi traduzido do original por mim, com a idéia de lhes ajudar com este novo recurso jQuery. Abaixo você verá vários exemplos e como aplicá-los em seu projeto junto com HTML e CSS. Divirta-se

Navegação é um componente essencial para websites. A boa navegabilidade leva o usuário com maior facilidade e rapidez até a informação desejada. Aqui temos 12 excelentes tutoriais para criar menus de navegação para seu projeto, utilizando o poderoso jQuery, framework JavaScript.

1.Menu horizontal animado com jQuery

Este tutorial nos mostra como criar uma menu interativo usando jQuery, nos dando uma animação na horizontal quando o mouse estiver sobre este link, mostrando informações escondidas referente ao link.

Tutorial Demo

2. SlidingMenu usando jQuery

Este tutorial explica como criar um menu ‘deslizante’ a partir de seu ícone, mostrando mais detalhes do link que o mouse sobrepor.

Tutorial Demo

3. Criando um bom menu imitando kwicks jQuery Plugin

Se você tem sempre usado o kwicks jQuery plugin, este menu é uma exata imitação dele. Este tutorial explica como alcançar o efeito do kwicks usando jQuery.

Tutorial Demo

4. Menu com rolagem horizontal utilizando CSS & jQuery

Este tutorial explica como alcançar um deslocamento horizontal do menu utilizando CSS e jQuery.

Tutorial Demo

5. Menu Drop-down usando jQuery

Se você possui um pequeno espaço e necessita mostrar muitos links, seus problemas acabaram, com este plugin você consegue criar um ‘menu suspenso‘ utilizando jQuery.

Tutorial Demo

6. RolloverTooltips com jQuery

Este tutorial nos dá uma ferramenta para exibir “dicas” animadas sobre os ícones de navegação. Uma agradável opção para exibir maiores informações sobre o link em questão.

Tutorial Demo

7. Estilos de links baseados nas extensões dos arquivos

Se você necessita apresentar diversos tipos de documentos em sua página web este tutorial pode te ajudar. Ele ensina como diferenciar os links baseando-se nos tipos de arquivos.

Tutorial

8. Como criar um menu inspirado no efeito do ‘Mootools Homepage’ com jQuery

Criando um ótimo efeito para menu vertical usando jQuery inspirado em um velho efeito mootools homepage navigation.

Tutorial Demo

9. Criando um menu com teclas de atalho – jQuery

Este tutorial nos ensina a criar um menu que trabalha com teclas de atalho, poupando o usuário de levar o mouse até o menu de navegação.

Tutorial Demo

10. jQuery: Menu ‘desbotado’ – Substituindo Conteúdo

Criar um efeito legal do menu ‘desbotando’ e substituindo o conteúdo da página.

Tutorial Demo

11. Criando uma navegação legal com CSS & jQuery

Este tutorial é uma réplica de um menu em flash, porém utilizando CSS e jQuery. Observe como o efeito é baseado no flash, porém não utiliza o flash.

Tutorial Demo

12. Criando um Menu Flutuante usando HTML, CSS & jQuery

Este tutorial vai te ensinar como criar um menu flutuante com jQuery. Muito útil para página de conteúdo extensos.

Tutorial Demo

Espero ter ajudado com esta dica