Apostila de Construção de Menu em JQuery
(e um mini-curso online)
aceito receber e-mails EuCurso

Conteúdo do Ebook:

1. COMO UTILIZAR ESTE MATERIAL. 5
1.1 DIREITO DE USO DESTE MATERIAL . 5
1.2 PRÉ-REQUISITOS PARA ACOMPANHAR ESTE CONTEÚDO 6

2. O HTML DE UM MENU DINÂMICO 7
2.1 UM PROGRAMA QUE EXIBE UM MENU DINÂMICO. 7
2.2 COMEÇANDO COM UM HTML PARA O MENU 8
2.3 ESTRUTURA DO HTML . 9
2.4 O MENU EM HTML. 10
2.5 CRIANDO UMA HIERARQUIA DE ELEMENTOS EM HTML. 11

3. CRIANDO O LAYOUT DE NOSSO MENU EM CSS. 14
3.1 ALTERANDO O FUNDO. 14
3.2 ALTERANDO O MODO DE EXIBIÇÃO PARA INLINE . 16
3.3 EXIBINDO O MENU NA HORIZONTAL . 17
3.4 DEFININDO UM ESPAÇO AO REDOR DOS ITENS 18
3.5 FORÇANDO O MENU SECUNDÁRIO PARA VERTICAL 20
3.6 ISOLANDO O POSICIONAMENTO DO MENU PRINCIPAL DO MENU SECUNDÁRIO . 21
3.7 O RESULTADO FINAL, HTML E CSS. 23

4. JQUERY - CRIANDO INTERAÇÃO COM O USUÁRIO 24
4.1 NOSSO PRIMEIRO CÓDIGO JQUERY 24
4.2 ENTENDENDO A FUNÇÃO HOVER DO JQUERY. 25
.HOVER( HANDLERIN, HANDLEROUT ) 27
4.3 ALTERANDO A COR DE FUNDO 27
4.4 ABRINDO E FECHANDO OS MENUS. . 29

5. FINALIZANDO E SEGUINDO ADIANTE. 31
5.1 FONTE COMPLETO DO MENU. 31