blog by douglas l. figueiredo
Posts tagged tutorial
jQuery Tabs – 15 tutoriais muito legais aqui
Aug 9th
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 ajude
1. Slick Tabbed Content Area – utiliza CSS & jQuery
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
Aug 21st
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
