Ir para conteúdo

POWERED BY:

Arquivado

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

david

menu abre e fecha

Recommended Posts

ae gente preciso faze um menu lateral onde cada link possui sub-links tipo

 

EMPRESA

visao

historia

 

PRODUTOS

nacionais

internacionais

 

CONTATO

vendas

compras

aluguel

 

porem so quero dexar a mostra os menus (EMPRESA - PRODUTOS - CONTATO) quando clicado ae sim aparece o que dentro dele,

 

EMPRESA

 

PRODUTOS

nacionais

internacionais

 

CONTATO

 

e se clicado em outro o que esta aberto se fecha e o q foi clicado abre.

 

Ae alguem ajuda...

Compartilhar este post


Link para o post
Compartilhar em outros sites

ae gente preciso faze um menu lateral onde cada link possui sub-links tipo

 

EMPRESA

visao

historia

 

PRODUTOS

nacionais

internacionais

 

CONTATO

vendas

compras

aluguel

 

porem so quero dexar a mostra os menus (EMPRESA - PRODUTOS - CONTATO) quando clicado ae sim aparece o que dentro dele,

 

EMPRESA

 

PRODUTOS

nacionais

internacionais

 

CONTATO

 

e se clicado em outro o que esta aberto se fecha e o q foi clicado abre.

 

Ae alguem ajuda...

eu ja fiz um menu assim e é muito complicado explicar pk tem muitos passos para fazer

 

tens de fazer esse menu num movie clip... depois metes esses 3 botoes no 1º frame... ao clicar no 1º botao passa para o 2º frame onde este tem o 1º botao, os sub menus do 1º botao, o 2º botao e o 3º botao. Depois fazes sempre assim para os outros...

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post


Link para o post
Compartilhar em outros sites

Eu tenho um em Js...Em árvore....peguei pronto tbm..nem é tão bom mais dá pra arrumá com um Css e as imagens das pastinhas...!!!

<html><head><title>iMasters - Exemplo</title></head><script src=/include/scripts.js></SCRIPT><body bgcolor="#FFFFFF"><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><script language="javascript"><!--var Aberto = ""var Fechado = ""function preload(){if(document.images){	Aberto = new Image(16,13)		Fechado = new Image(16,13)	Aberto.src = "img/openedFolder.gif"	Fechado.src = "img/closedFolder.gif"}}function mostra(item,item2){if (item.style.display=='none'){item.style.display='';item2.src=Aberto.src}else{item.style.display='none'item2.src=Fechado.src}}preload();--></script><font color=#CC0000><span id="menu1" onClick="mostra(menu1principal,menu1img)" style="cursor:hand; font-Family:Verdana; text-decoration:none; font-weight:bold; color:#CC0000"><img id="menu1img" src="/imagens/imagens_dicas/pasta_menu_arvore.gif" valign="bottom" width="15" height="13"> <font color="#CC0033" face="Courier New, Courier, mono" size="2">Titulo 1</font></span><br><span id="menu1principal" style="display:'none'">      <a href=# target=><font color="#333333">Link1</font></a><br>     <a href=# target=><font color="#333333">Link2</font></a><br></span></font></font> <font face="Verdana, Arial, Helvetica, sans-serif" color="#CC0000" size="1"> <span id="menu2" onClick="mostra(menu2principal,menu2img)" style="cursor:hand; font-Family:Verdana; text-decoration:none; font-weight:bold; color:#CC0000"> <img id="menu2img" src="/imagens/imagens_dicas/pasta_menu_arvore.gif" valign="bottom" width="15" height="13"> <font color="#CC0033" face="Courier New, Courier, mono" size="2">Titulo 2</font></span><br><span id="menu2principal" style="display:'none'">      <a href=# target=><font color="#333333">Link1</font></a><br>     <a href=# target=><font color="#333333">Link2</font></a><br></span></font> <font face="Verdana, Arial, Helvetica, sans-serif" color="#CC0000" size="1"> <span id="menu3" onClick="mostra(menu3principal,menu3img)" style="cursor:hand; font-Family:Verdana; text-decoration:none; font-weight:bold; color:#CC0000"> <img id="menu3img" src="/imagens/imagens_dicas/pasta_menu_arvore.gif" valign="bottom" width="15" height="13"> <font color="#CC0033" face="Courier New, Courier, mono" size="2">Titulo 3</font></span><br><span id="menu3principal" style="display:'none'">      <a href=# target=><font color="#333333">Link1</font></a><br>     <a href=# target=><font color="#333333">Link2</font></a></span></font> </body></html>
http://forum.imasters.com.br/public/style_emoticons/default/devil.gif

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.