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.