Códigos
209 visualizações

Criando um menu overflow simples

Everton da Rosa - 20 de agosto de 2009

Este script cria o efeito de overflow num menu (menu que pode ser escondido e mostrado). O segredo está na manipulação da propriedade display da div menu-magico-link. Você pode chamar a função menu_magico() também com o evento onmouseover.

Códigos
316 visualizações

Atalhos de teclado com JavaScript

Everton da Rosa - 30 de abril de 2009

Script ( JavaScript) que possibilita associar uma função a determinado atalho de teclado no browser (navegador). Funciona com qualquer tecla, shift+tecla, control+tecla (nem todas as combinações) e control+shift+tecla. Inclui um pequeno script para informar qual o código de cada combinação de teclas selecionadas.

Códigos
314 visualizações

Componente para navegar em Abas com JavaScript

Felipe Ferreira - 14 de outubro de 2008

O código conisiste em uma classe em javascript que funciona como um componente que cria as abas, também conhecido como Tabs, e um arquivo css. Fácil de usar e personalizar, só tem que declarar a classe a mandar adiconar.

Códigos
154 visualizações

Classe para navegação por abas igual ao DotNet

Felipe Ferreira - 1 de setembro de 2008

É uma classe em javascript que simula o componente de abas (Tabs) do .NET. É fácil de usar e muito funciononal basta criar divs com o conteúdo que será adicionado na aba e informar para a classe o id da div e o título que irá aparecer na aba. Segue o exemplo completo no arquivo em anexo.

Códigos
184 visualizações

Menu expansivo (wdwmenu) em JavaScript

Everton da Rosa - 25 de junho de 2007

Este menu se comporta da seguinte maneira: Ao carregar a página, aparece no canto superior esquerdo uma pequena imagem que, quando clicada, faz surgir um menu no formato de barra horizontal. Quando se clica na imagem novamente ele retorna à posição original, escondido. Instruções: Mantenha os arquivos sempre na mesma pasta da página que irá utilizar o menu, tanto as imagens quanto o arquivo de scripts (scriptMenu.js). Para usar o menu, chame a função drawMenu(). O modo mais prático é colocar no evento onLoad da tag BODY, como na página de exemplo. Os parâmetros da função drawMenu() são: showMenu.png: é a imagem que aparece quando o menu é exibido. Você pode trocar. hideMenu.png: é a imagem mostrada quando o menu está escondido. Também pode ser trocada. Programas: é o texto que aparece quando você coloca o mouse em cima da imagem. Pode ser trocado. Programas|Configurações|Fechar sessão: são as opções do menu. No exemplo é apenas texo, mas pode ser qualquer coisa, imagens, links, botões, imagens e links, etc.