Menu suspenso DIV (2)
Autor：Eve Cole
Data da Última Atualização：2009-06-20 17:00:56
Você pode colocar este programa entre as tags <head></head> ou em qualquer lugar da página web.
A seguir, temos que definir nossos itens de menu reais. Aqui precisamos adicionar um identificador de evento de movimento do mouse (OnMouseOver) a cada item de menu e deixar esse evento chamar a função Show que definimos acima. Em outras palavras, assim que o mouse entra em nosso item de menu, nossa função show começa a ser executada. Aqui, também precisamos definir um número de ID para cada um de nossos itens de menu e passar o nome do ID de sua coluna do menu suspenso para a função Mostrar. Isso é fundamental para controlarmos a coluna do menu suspenso Abaixo de I. forneça a descrição da sintaxe HTML do nome do item de menu:
<borda da tabela=0>
<tr>
<td ID="d1" onmouseover="show(this,ds1);" class="menu">Site de tecnologia da revista</td>
<td ID="d2" onmouseover="show(this,ds2);" class="menu">Portal</td>
<td ID="d3" onmouseover="show(this,ds3);" class="menu">Site favorito pessoal</td>
</tr>
</tabela>
Finalmente, temos que definir nossa coluna do menu suspenso. Para cada coluna do menu suspenso, precisamos fornecer a ela o atributo CSS do Submenu e um nome de ID para que nossa função Show possa controlá-la. Finalmente, definimos seu modo de exibição padrão como nenhum, o que significa que não será. exibido. Isto é conseguido atribuindo "nenhum" ao seu estilo de exibição. Abaixo, forneci uma descrição da sintaxe HTML para uma coluna do menu suspenso:
<DIV ID="ds1" CLASS="submenu" STYLE="display:none">
<BR><A HREF="http:\www.yesky.com">tianji.com Yesky.com</A>
<BR><A HREF="http:\www.cbinews.com">Informações comerciais de informática</A>
<BR><A HREF="http:\www.newsoft.com.cn">Novos eletrônicos de moda</A>
<BR>
</DIV>
<DIV ID="ds2" CLASS="submenu" STYLE="display:none">
<BR><A HREF="http:\www.sina.com.cn">Sina Sina</A>
<BR><A HREF="http:\www.sohu.com.cn">SohuSohu</A>
<BR><A HREF="http:\www.163.com">Netease</A>
<BR>
</DIV>
<DIV ID="ds3" CLASS="submenu" STYLE="display:none">
<BR><A HREF="http:\haoel.yeah.net">Estação de programação de rede de mouse</A>
<BR><A HREF="http:\www.5460.net">colegas chineses</A>
<BR><A HREF="http:\www.csdn.net">Rede de Desenvolvimento de Software da China</A>
<BR>
</DIV>
Este é todo o processo. Com as quatro etapas acima, você definitivamente conseguirá ver um menu em sua página da web e com certeza ficará lindo. Claro, você também pode tentar alterar as propriedades do menu para torná-lo mais parecido com um menu.
