Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Juninho

Como que faz esse menu?

Recommended Posts

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

Compartilhar este post


Link para o post
Compartilhar em outros sites

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>

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.