A maioria dos sites apresentam itens de navegação que usam blocos de opções que funcionam tanto na parte superior da página ou para baixo um de seus lados. Porque estas estruturas de navegação apresentar todas as opções disponíveis, eles oferecem uma grande quantidade de informação contextual. No entanto, eles também ocupam espaço na tela considerável. Designers com uma quantidade limitada de espaço em vez disso pode optar por usar menus drop-down contendo uma lista de itens que só se expande quando selecionado. Criar esse tipo de estrutura de navegação na sua página web usando HTML e javascript.
Abra sua página web e exibir seu código. Se você usar um editor de texto, basta abrir a sua página no editor e selecione a linha de código onde deseja que o menu drop-down acrescentou. Se você usar um editor visual web em vez disso (por exemplo, Adobe Dreamweaver ou o Microsoft Expression Web), abrir a página e clique sobre a localização da página onde deseja que o menu drop-down para aparecer. Após fazer isso, alterar o modo de visualização para visualização de código. Isto mostra-lhe o código HTML que determina o conteúdo ea aparência de sua página.
aperte o "Entrar" chave para criar uma linha em branco.
Copie e cole o seguinte código para a linha em branco:
Atualizar os parâmetros de ligação para atender às suas necessidades de design. Digite o texto padrão no topo da lista, modificando o valor diretamente após o
Salve sua página da web e, em seguida, abri-lo no seu browser. Selecione uma opção da lista drop-down e, em seguida, clique no botão ao lado para acessar o item selecionado.
Como adicionar um relógio para uma página web
Como fazer um link para um endereço da Web
Como criar rollover menus drop-down no dreamweaver
Como salvar apenas partes específicas de uma página web
Como alinhar o texto em uma tabela HTML
Como criar links da web
Como alterar as propriedades CSS com javascript