blog by douglas l. figueiredo
12 Tutoriais de Menus Animados com jQuery
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.
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.
Espero ter ajudado com esta dica
| Print article | This entry was posted by Douglas on 21/08/2009 at 16:54, and is filed under CSS, HTML, jQuery. Follow any responses to this post through RSS 2.0. You can leave a response or trackback from your own site. |
No comments yet.
No trackbacks yet.
jQuery Tabs – 15 tutoriais muito legais aqui
about 4 weeks ago - No comments
Quem nunca precisou apresentar muito conteúdo em pouco espaço? Pois é, este tutorial apresenta uma solução muito bacana para nos ajudar nestas situações. Não é necessário nenhum conhecimento aprofundado em programação para entendê-los, pois são em jQuery e basta seguir os tutoriais para que tudo se resolva. O artigo original você encontra neste link. Espero que
50 Scripts jQuery úteis para seu site
about 6 months ago - 1 comment
Todos sabem que o jQuery vem sendo usado cada dia mais por desenvolvedores web. Por ser um framework que torna o desenvolvimento JavaScript muito mais fácil, o jQuery vem em muitos casos substituindo o nosso querido amigo Flash. Encontrei este artigo no ProBlogDesign, que reune 50 excelentes scripts jQuery. Vale a pena conferir, pois todos
jQuery 1.4 saiu!
about 7 months ago - No comments
jQuery 1.4 foi lançado recentemente. Esta não era simplesmente uma versão de manutenção, como alguns especularam, há muitos novos recursos, melhorias de desempenho e melhorias incluídas no 1.4! No NetTuts tem um post que aborda os novos recursos e melhorias que você pode encontrar na nova versão. Você pode baixar o jQuery 1.4 aqui: http://code.jquery.com/jquery-1.4.js
7 erros comuns no webdesign
about 7 months ago - 1 comment
Este texto é original do Tom Kenny, e vi traduzido no blog do Bruno Ávila. Aproveitei e inseri alguns comentários meus pro meio também. Vale a pena conferir, são dicas muito boas para quem quer aprender e crescer na profissão webdesign. 1. Uso desnecessário do Flash Tom diz que o flash pode ser muito bem
