Tag Archives: menu javascript

Menu javascript drop down

menu javascript drop down Nesse pequeno tutorial você vai aprender como criar um menu drop down em javascript contendo categorias e que irá carregar um segundo menu drop down de sub categorias.

Será usado um javascript externo e uma classe CSS apenas para deixar o menu drop down com uma aparência melhor.

Esse tipo de menu é bastante útil quando você não dispões de muito espaço na página, pois mesmo um menu retrátil poderá ocupar um bom espaço se possuir muitas categorias.

Continue lendo »

Menu CSS e Javascript com cores aleatórias

menu css javascript cores aleatorias  - dicas de cssNesse pequeno tutorial você irá aprender a criar um menu em CSS e Javascript com um efeito divertido e inesperado para os visitantes. Ele usará propriedades CSS3 para criar um menu  com efeito de botões em links reduzindo o código html já que usará apenas tags de links e uma div externa, deixando o menu o mais leve possível.

O menu se comportará da seguinte forma: ele irá mudar de cor ao passar o mouse sobre cada botão. Até aí nada demais, porém será uma cor diferente para cada botão, mas o que será realmente inesperado é que a cada atualização será feito um novo sorteio redistribuindo aleatoriamente as cores para cada botão.

Continue lendo »

Menu javascript e CSS sprites para redes sociais

menu javascript e css spriteO Fazer o meu Site está disponibilizando para download grátis um  menu javascitp e CSS sprite, uma técnica ensinada aqui mesmo no blog: CSS Sprite – criando um menu animado para criar um menu animado com imagens de background em arquivo único, deixando o menu bem mais leve e reduzindo o número de requisições http diminuindo assim o tempo de carregamento da página.

O processo é o mesmo e o menu é animado com três estágios diferentes: normal, mouse sobre e ao clicar. Todas as imagens estão reunidas em um só arquivo.

Continue lendo »

Barra de menu com CSS

barra de menu  - dicas de cssNesse tutorial você vai aprender a criar uma barra de menu em css que ficará fixa no topo do site ou no rodapé e a posição poderá ser mudada em tempo real pelo usuário.

Usaremos alguns ícones e pequenas imagens para criar esse menu em css que também terá uma pequena função javascript para possibilitar a mudança de posição do menu em tempo real, do topo para o rodapé e vice versa.

A barra de menu terá também um segundo menu com apenas links em texto.

Usaremos a propriedade css position com valor fixed para colocarmos o menu fixo e flutuante, porém como sempre, o IE não respeita o valor fixed então usaremos também um Meta Tag para corrigir o problema.

Continue lendo »