Ir para conteúdo
Fórum Script Brasil
  • 0

Árvore


tntgui

Pergunta

Quero fazer uma árvore de links bem básico. POr exemplo, tenho 5 links. Clicando no primeiro, abre-se abaixo e recuado à direito mais 3. Clicando de novo em cima, do "pai" é recolhido. Clico no outro, abre-se "os filhos" desse... e assim vai! Como posso fazer isso?

Abraços

Link para o comentário
Compartilhar em outros sites

2 respostass a esta questão

Posts Recomendados

  • 0

É so modificar...

<script language="javascript">

<!--

//iMasters/

var Aberto = ""

var Fechado = ""

function preload(){

if(document.images){

Aberto = new Image(16,13)

Fechado = new Image(16,13)

Aberto.src = "setaa.gif"

Fechado.src = "seta.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 face="Verdana" size="1" 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="seta.gif" valign="bottom">&nbsp;Titulo 1</span><br>

<span id="menu1principal" style="display:'none'">

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href=# target=>Link1</a><br>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href=# target=>Link2</a><br>

</span></font>

<font face="Verdana" size="1" color=#CC0000>

<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="seta.gif" valign="bottom">&nbsp;Titulo 2</span><br>

<span id="menu2principal" style="display:'none'">

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href=# target=>Link1</a><br>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href=# target=>Link2</a><br>

</span></font>

<font face="Verdana" size="1" color=#CC0000>

<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="seta.gif" valign="bottom">&nbsp;Titulo 3</span><br>

<span id="menu3principal" style="display:'none'">

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href=# target=>Link1</a><br>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href=# target=>Link2</a><br>

</span></font>

<font face="Verdana" size="1" color=#CC0000>

<span id="menu4" onClick="mostra(menu4principal,menu4img)" style="cursor:hand; font-Family:Verdana; text-decoration:none; font-weight:bold; color:#CC0000">

<img id="menu4img" src="seta.gif" valign="bottom">&nbsp;Titulo 4</span><br>

<span id="menu4principal" style="display:'none'">

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href=# target=>Link1</a><br>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href=# target=>Link2</a><br>

</span></font>

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152k
    • Posts
      651,8k
×
×
  • Criar Novo...