Programação  
 
Conhecimento computador >> Programação >> JavaScript Programação >> 
Tutorial em menus pull-down em JavaScript
JavaScript menus pull-down são uma forma de criar menus graficamente aprimorados para a navegação do usuário em páginas da web. Estes menus tornaram-se um padrão em HTML programação de páginas web , de modo que muitos usuários reconhecer a funcionalidade da interface. Ao criar um menu suspenso JavaScript , é necessário apenas adicionar algumas linhas de código no aplicativo . O Javascript

Criar menus pull-down de JavaScript pode ser feito usando uma função incorporado na página web. A função JavaScript é então chamado pelo elemento no menu . Toda vez que o usuário passa o mouse sobre o menu , a função JavaScript é chamado e ele abre uma lista de opções para o usuário. Abaixo está um exemplo de um Javascript puxar para baixo a função do menu: .

Função suspenso ( menu_element , posição ) { menuObject = document.getElementById ( menu_element ) estilo ; newPosition = ( parseInt ( menuObj.top ) == -10 ) ? -100 : -10 }

A primeira instrução no código é o nome da função. Isto é usado no HTML , mais adiante neste tutorial. A primeira declaração no código é o elemento de menu . Uma vez que vários itens de menu são usados ​​na navegação JavaScript, este usa o ID elemento que é transmitido a partir do elemento HTML. A próxima linha reposiciona o elemento para fechar o menu suspenso ou expandi-lo.
Adicione a função javascript para o Menu itens

menu são criados utilizando tag div objetos em HTML. A tag div que é usado para um menu pull-down normalmente tem texto atribuído a ele visualmente solicitar que o usuário passar o mouse sobre o elemento. Uma vez que o mouse é passado sobre a tag div HTML , a chamada é feita para a função JavaScript para abrir o menu suspenso. O seguinte é um exemplo de um elemento tag div que chama a função criada na seção 1 :

< DIV ID = " main_menu " onmouseover = " suspenso (' main_menu ' , -10 ) " onmouseout = " suspenso (' main_menu ' , -100 ) ">

Este código chama a função de pull-down quando o mouse passa sobre a tag div , mas , em seguida, ele chama a função novamente quando o mouse é movido para fora do elemento . Isto dá a aparência de uma abertura e de encerramento do menu em uma página web.

Anterior :

Próximo : No
  Os artigos relacionados
·Como remover uma matriz JavaScript Associativo 
·Javascript Scrollbar Tutorial 
·Como usar JavaScript para exibir Fatores Prime 
·Como criar um Border piscando em DIV 
·Instruções de como transformar em JavaScript 
·Como atualizar o PHP usando Javascript 
·O que é HTML MsgBox 
·Como executar uma Java Script externo Quando uma págin…
·Como verificar um site para um Bug JavaScript 
·Como desenhar uma árvore usando uma lona em JavaScript…
  Artigos em destaque
·Como criar um BlogSkin para Blogger 
·PowerShell Funções de data 
·Qual é o erro básico 104 & Java 
·Como escrever uma classe e criar uma instância em Java…
·Como validar uma data em Java 
·Recursos incorporados no Silverlight 
·Dicas de programação informática 
·Como criar PHP /API e se conectar com Dreamweaver 
·Java Development & Script Página 
·Como colocar um Facebook Connect no rodapé Usando Java…
Cop e direita © Conhecimento computador http://ptcomputador.com Todos os Direitos Reservados