Publicado em 11 de jul.

Como que faz esse menu?

Pessoal,

Estou fazendo um site aqui e o cliente pediu um menu estilo do site www.microsoft.com.br (que abre o submenu) ou, melhor ainda, como este: http://www.macromedia.com/cfusion/exchange....cfm?view=sn120 (só que em html)

Alguém ai sabe como fazê-lo e pode passar um passo-a-passo para mim?

Muito obrigado e por favor... é urgente!

Abração,

Juninho

Discussão (2)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

hinom· 11 de jul.

estilo o da macromedia:

<script language=javascript>

 

	itens = "item 01|item 02|item 03|item 04|item 05";

	itens = itens.split("|");

 

	subitens = new Array();

	subitens[0] = "subitem 01|subitem 02|subitem 03";

	subitens[1] = "subitem 01|subitem 02|subitem 03|subitem 04";

	subitens[2] = "subitem 01|subitem 02|subitem 03";

	subitens[3] = "subitem 01|subitem 02";

	subitens[4] = "subitem 01|subitem 02|subitem 03|subitem 04";

 

 

	nome_span = "menu_subitens";

	function menu_subitens(n){

  if(document.all){

  e = document.all[nome_span];

  }else{

  e = document.getElementById(nome_span);

  }

  vetor = subitens[n].split("|");

  retorno = "";

  for(i=0;i<vetor.length;i++){

   if(i>0){

   retorno += " <b>·</b> ";

   }

   retorno += vetor*;*

}

e.innerHTML = retorno;

}

</script>

*<table border=0 cellspacing=0 cellpadding=0>*

*<script language=javascript>*

*	espaco = "<td width=10></td>";*

*	document.write("<tr><td>");*

*	document.write("<table border=0 cellspacing=0 cellpadding=0><tr>");*

for(i=0;i<itens.length;i++){

if(i==0){document.write(espaco);}

evento = " onmouseover=\"menu_subitens("+i+");\" style=\"cursor:hand;\"";

* document.write("<td align=center"+evento+">"+itens**+"</td>");*

document.write(espaco);

}

*	document.write("</tr></table>");*

*	document.write("</td></tr>");*

*	document.write("<tr><td>");*

*	document.write("<table border=0 cellspacing=0 cellpadding=0>");*

*	document.write("<tr>"+espaco+"<td><span name=\""+nome_span+"\" id=\""+nome_span+"\"></span></td></tr>");*

*	document.write("</table>");*

*	document.write("</td></tr>");*

*</script>*

*</table>*

Juninho· 12 de jul.

Caro hinom,Muito obrigado pela ajuda. Valeu mesmo.AbraçãoJuninho