David CHC

Trabalha como free-lance em desenvolvimentos de sites,desde o projeto completo à parte do projeto. Tem conhecimentos em Padrões Web( xhtml, css), javascript( jquery), php, mysql , (iniciando no python e ruby também), photoshop, fireworks, corel draw, enfim, um eterno aprendiz...

• http://www.mxmasters.com.br | david@videoaulasbrasil.com.br

• 08/02/2010 - 7:00
• 31 Comentários
• 2,327 visualizações

Acompanhe os últimos episódios desse programa que é sucesso na rede.

Publicado em 13/10/2008

13/10/2008 - MXWEBTV - Programa #14

Publicado em 27/10/2008

27/10/2008 - MXWEBTV - Programa #16

Publicado em 16/12/2008

16/12/2008 - MXWEBTV - Programa #21

Veja todo Conteúdo do MxWebTv

• Vídeo aula: Criando um site completo (Download da vídeo aula)
• Configurando D-link wireless
• Script de formulário de contato com confirmação em php
• Slide show de fotos com efeitos de transição
• Preloader com barra de progresso e porcentagem
• Menu animado com Action Script
• Efeito de transição de fotos em blocos com action script
• Criando flores
• Área restrita com login e senha
• Player de rádio

Criando um menu abas usando Jquery

Comentários:

31 respostas para 'Criando um menu abas usando Jquery'

1. William Pereira Diz:
   8/02/10 às 8:25
   David, muito show a video-aula.

   Quanto mais eu vejo algo relacionado a jQuery na net, mais me supreendo, principalmente devido ao fato que eu iria utilizar o flash, porém para algumas idéias podem facilmente ser substituidas por jQuery.

   Vi um demo muito parecido com este da sua video aula. muito bom mesmo.

   Agradeço por compartilhar seus conhecimentos conosco, que somos leigos no assunto ainda.

   Um Abraço

   Um abraço, e fico no aguardo daquela possível video aula. das imgs com jQuery.

   William Pereira
   wpdss_88_wf@hotmail.com

2. David CHC Diz:
   8/02/10 às 8:35
   @William Pereira, aquele link q vc tinha me mandado para uma video aulas, seria o mesmo principio dessa de sistema de abas, é resgatar o valor de algum atributo.
3. William Pereira Diz:
   8/02/10 às 8:50
   Blza David.

   Valew pela dica, vou pesquisar mais, ver outros exemplos, para ir me familiarizando e ir colocando em prática.

   Abraço

4. Robson R. Diz:
   8/02/10 às 8:52
   Salve, David…
   Muito obrigado pela vídeo aula.
   Sempre via esse sitema de abas na net e não sabia como era feito…!!
   Valeu mesmo!!

   Forte abraço,
   Robson - RJ

5. David CHC Diz:
   8/02/10 às 9:12
   @Robson , a ideia era fazer algo simples e facil para as pessoas poderem adaptar em seus sites. abrs

   @William, pra vc aprender é só fazendo, então tente reproduzir o q foi passado na video aula, assim vc vai se familiariazado cada vez mais.

6. Alexandre Xantals Diz:
   9/02/10 às 0:21
   Saudações David;
   … esta é a primeira vez que estou enviando um comentário e acho ótima a sua forma de falar sobre o conteúdo … mas na verdade eu gostaria de sugerir uma vídeo aula, diga-se de passagem, é sobre um conteúdo que estou precisando muito. Seria possível???

   Parabéns pelas vídeo-aulas

7. David CHC Diz:
   9/02/10 às 7:36
   @Alexandre Xantals, pode sugerir a vontade nos comentários.
8. Leandro Santos Diz:
   9/02/10 às 9:09
   David FHC, você como sempre destroi nas suas vídeo aulas, cara quando você vai lançar o seu dvd de vídeos aulas? Seria de PHP + Mysql e Jquery.

   Ou ainda não está em seus planos um lançamento em dvd?
   No aguardo.

9. David CHC Diz:
   9/02/10 às 9:12
   @Leandro Santos, ainda tenho q amadurecer algumas coisas, pra pensar em fazer um curso em DVD.vlw
10. Alex Rodrigues - 30 anos - Campinas-sp Diz:
    9/02/10 às 14:03
    Olá David CHC tudo bem, detono na video aula, são ótimas as coisas que você pode fazer como JQuery né. Magnifico!!!

    Parabens pela video aula!!!

11. David CHC Diz:
    9/02/10 às 14:10
    vlw @Alex, realmente o jquery facilita muito nossa vida. abrs
12. Júlio César Diz:
    9/02/10 às 19:02
    Mais uma vez arrebentando David..
    Vlw.
13. David CHC Diz:
    9/02/10 às 19:08
    vlw @Júlio César
14. Leandro Santos Diz:
    11/02/10 às 8:19
    OK, David, mais você tem jeito pra coisa, tem conhecimento, didática, e sabe muito bem explicar, pensi nisso depois, blz!
    Sucessos.
15. Leandro Santos Diz:
    11/02/10 às 8:22
    Cara, gostária de solicitar uma vídeo aulas, Criando um menu igual do mxmasters, acredito que nesse menu vocês utiliza jquery, para dar esse efeito, seria uma boa.
16. THIAGO Diz:
    11/02/10 às 8:28
    Muito bom cara, valeu mesmo!
17. David CHC Diz:
    11/02/10 às 8:30
    @Leandro Santos, como falei estou amadurecendo a ideia sobre o curso, tenho que estudar as novidades da nova versão do jquery pra fazer algo legal.

    Sobre o menu, eu fiz com jquery sim, eu tenho uma video aula com mesmo principio :

    http://www.videoaulasbrasil.com.br/ajax/criando-um-menu-safona-com-jquery/

    Só irá mudar o evento a ser chamado, que será hover, e o elemento capturado, no caso li:

    
    $(”ul#menu li”).hover(function(){
    $(this).find(’ul’).slideDown();
    }, function(){
    $(this).find(’ul’).slideUp();
    })
    

    O hover tem dois parametros, que ao passar o mouse e ao retirar.
    O find ele busca elemento, no caso dentro da li
    slideDown faz um efeito de slide descendo, enquanto slideUp, faz subindo.

18. David CHC Diz:
    11/02/10 às 8:31
    obrigado @THIAGO
19. Anderson Farias Diz:
    12/02/10 às 22:47
    David vc é mto humilde rs. Acho que vc está certo em dizer que tem que amadurecer em algumas coisas, afinal todos nós temos que amadurecer sempre… Mas sinceramente, vc é o melhor professor que conheço na net no que vc se dispõe a ensinar. Parabéns pela humildade e pela video aula!
20. David CHC Diz:
    13/02/10 às 8:16
    @Anderson Farias, acho q nem é humildade, eu sou chato mesmo com isso, rs. Se eu me propor a de ministrar um curso, ele tem q ser bom, e pra isso tenho que entender varias coisas pra pode passar da maneira q os outros entendam, e por isso q digo q tenho q aprender algumas coisas pra poder fazer algo legal. Eu estou estudando, caso eu comece gravar um curso, eu irei avisar sim. abrs
21. Leandro Santos Diz:
    14/02/10 às 23:46
    @David, Brigadão, vou tentar fazer aqui, estou finalizando alguns projetos e vou colocar em prática tudo aquilo que vc vem mostrando, obg. Parceiro.

    Bom Carnaval para toda equipe do MX Masters.

22. Wilton Oliveira Diz:
    16/02/10 às 8:53
    Muito boa a vídeo aula, parabéns pelo trabalho.
23. David CHC Diz:
    16/02/10 às 9:08
    obrigado @Wilton
24. Jean Lucas Diz:
    20/02/10 às 19:17
    será que não tem como você me explicar como eu faço pra puxar um arquivo HTML externo que esteja em uma página chamada “pages” e colocar na DIV do conteúdo, usando o Jquery???

    Obrigado desde já

    e parabéns pela Video-Aula, muito boa MESMO!!!

25. David CHC Diz:
    21/02/10 às 9:13
    @Jean Lucas, já video aula minha sobre esse assunto::

    http://www.videoaulasbrasil.com.br/ajax/carregando-a-pagina-sem-atualizar-utilizando-ajax-com-jquery/

26. Diego Sampaio Diz:
    25/02/10 às 15:41
    Parabéns David, muito boa video aula, mais uma vez vc arrebentou…
27. David CHC Diz:
    25/02/10 às 17:00
    Obrigado @Diego
28. Ricardo Marangoni Diz:
    1/03/10 às 20:50
    Show de bola David uma coisa que tenho vontdade de aprender tbm é esse efeito de sumir e aparecer uma div tipo esse “clique aqui e deixe o seu comnetário”, se pudesse fazer uma video-aula sobre isso tiraria uma grande dúvida minha..

    Abraços

29. David CHC Diz:
    1/03/10 às 21:07
    @Ricardo, é algo muito simples de ser fazer, uma base seria o menu sanfona com jquery, q já tem uma video aula.

    http://www.videoaulasbrasil.com.br/ajax/criando-um-menu-safona-com-jquery/

    Mas seria algo bem mais fácil, exemplo:

    
    //ao clicar o link, e executa uma função
    $(”#link”).click(function(){
    //utiliza o slideToogle para fazer o efeito
    $(”#aba”).slideToggle();
    //retorna falso para desativa o link
    return false;
    });
    

    O slideToggle() verifica se está visivel ou invisivel, e faz o efeito em si.

30. Duhilio Almeida Diz:
    6/03/10 às 21:06
    Saudações!!!!!

    Quando eu estou aprendendo css, e vejo que a compatibilidade com internet explorer não vejo ainda um caminho para não ter mais problemas. E vejo que tableless é um opção para criar um website bastante sofisticado, e vejo essa aula de javascript, e a cada aula que vejo do Mxmasters me surpreender muito mais, e quero agradecer a incansáveis aulas que eram bicho de sete cabeça, com as aulas é um maravilha, e é só praticar.

    Obrigado pela atenção.

31. David CHC Diz:
    6/03/10 às 21:57
    @Duhilio Almeida, infelizmente o IE6 é uma praga mesmo, vc pode minimizar tentando conhecer alguns bugs dele, e são muitos. Foque em Tableless, q realmente esse é o melhor caminho. E é isso mesmo, tem q colocar em pratica, é a única maneira q vc consegue aprender.

Clique aqui e deixe seu Comentário