menus suspensos são uma técnica elegante , sofisticado para exibir links de navegação do site. Um menu dropdown organiza uma série de links em uma determinada categoria . Apenas a categoria de link de nível superior é mostrada até que um visitante do site tem o seu mouse sobre o link no menu superior , momento em que o resto do menu é revelado. Esconder o menu até que seja ativado desta forma permite que um grande número de ligações para caber em um espaço pequeno, de modo que um site com muitas páginas podem usar uma barra de menu de navegação cabeçalho compacto. Coisas que você precisa
editor de texto
browser
Server rodando PHP
Show Mais instruções
1 Server-side Scripting PHP
Criar um menu de navegação com PHP , recuperando o nome eo endereço relativo de cada link do seu sistema. Em um site menor, esta informação pode ser codificado para o script que cria a barra de navegação e que um local maior , provavelmente vai usar um Sistema de Gerenciamento de Conteúdo para armazenar informações de link em um banco de dados e recuperá-lo quando as páginas são acessadas. Por exemplo, você pode criar um menu , lendo um array de arrays .
< ? Php
//atribuir valores às matrizes
$ homeLink = array ( 'casa' , 'index.php '); $ contactLink = array (' contato ', ' contact.php ');
$ TOPLINK = array ('name' , 'url' ); $ Nextlink = array ( 'name' , 'url' ); $ thirdLink = array ('name' , 'url' ); $ fourthLink = array ('name' , 'url' );
$ suspensa = array ( $ TopLink , $ Nextlink , $ thirdLink , $ fourthLink );
$ topNavMenu = array ( $ homeLink , $ suspensa $ contactLink );
//lê os valores da matriz em elementos HTML
$ Menu = ' id="topNav">
";
//finalmente , a saída do resultado para o browser:
echo $ cardápio;
? >
2 JavaScript é executado no navegador do cliente
Criar a funcionalidade suspenso com JavaScript. Quando a página é carregada , use JavaScript para esconder os itens de menu suspenso , desta forma seu menu ainda é acessível para navegadores alternativos que podem não ter as capacidades de JavaScript. Quando o visitante do site tem seu mouse sobre o primeiro item no menu dropdown , revelam os itens suspensos , definindo o atributo ' estilo' dos elementos relevantes: