ueb3 &#187; tutorial

2. Tabs simples com jQuery

3. Tabs simples com jQuery

4. Tabs simples com jQuery & CSS

5. jQuery Tabs apresentando menu de navegação

6. Iniciando com jQuery Tabs

7. Como criar um efeito de slide com abas em jQuery

8. JavaScript: jQuery Tabs

9. Criar um efeito de Flip para conteúdos com jQuery

10. Tabs muito simples com jQuery

11. Criando facilmente jQuery Tabs

12. Animação para apresentação de conteúdos com jQuery

13. Tabs jQuery com efeito Fade

14. Efeitos de transição na apresentação de conteúdos com jQuery

15. jQuery Tabs para apresentação em barra lateral

12 Tutoriais de Menus Animados com jQuery

Douglas L. Figueiredo — Fri, 21 Aug 2009 16:54:58 +0000

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.

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.

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.

4. Menu com rolagem horizontal utilizando CSS & jQuery

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

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.

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.

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.

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.

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

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

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.

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.