Perdi o JS

[Caio Kadu 0]

fala gente, preciso de uma ajuda de vcs, eu teinha um javascripts q fazia um efeito semelhando ao do site http://www.supertrafego.com.br onde você clica em um dos link q tem o sinal de "+" e ele mostra um sub-menu.

 

só que acidentalmente eu deletei a sequência em JS, e num acho mais ele pq num lembro onde foi que eu baixei!! eu só lembro o nome do arquivo .ZIP que era MENU_LEGAL.zip, se alguém puder me ajudar eu agradeço, se tiver esse arquivo ou souber de um que seja igual!

 

eu usava no site http://www.cursinhodoxi.com

 

vlw a atenção!!

[Caio Kadu 0]

fala gente já consegui arrumar o problema do script, agora eu to quereno mudar algumas coisas!!

 

é assim, o código original é esse aki:

 

<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 = "/imagens/icon_menos.gif"Fechado.src = "/imagens/icon_mais.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"></span></font><p><font face="Verdana" size="1" color=#CC0000><span onClick="mostra(menu1principal,menu1img)" style="cursor:hand; font-Family:Verdana; text-decoration:none; font-weight:bold; color:#CC0000"><img src="imagens/icon_mais.gif" width="11" height="9" id="menu1img" valign="bottom"> Titulo 1</span><br>	  <span id="menu1principal" style="display:'none'">      	  <a href=# target=>Link1</a><br>         <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 src="imagens/icon_mais.gif" width="11" height="9" id="menu2img" valign="bottom"> Titulo 2</span><br>  <span id="menu2principal" style="display:'none'">      <a href=# target=>Link1</a><br>       <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 src="imagens/icon_mais.gif" width="11" height="9" id="menu3img" valign="bottom"> Titulo 3</span><br>  <span id="menu3principal" style="display:'none'">      <a href=# target=>Link1</a><br>     <a href=# target=>Link2</a></span></font>  </p></p><p><font face="Verdana" size="1" color=#CC0000><span style="display:'none'"><br></span></font> </p>

 

aí que queria fazer umas mudanças, pq aí o texto do submenu aprece com a tag <br>, eu queria fazer com uma tabela pra que eu possa usar uma imagem que tenho aki, pra ficar mais legalzinho, então o código q eu modifiquei ficou assim:

<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 = "/imagens/icon_menos.gif"Fechado.src = "/imagens/icon_mais.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><link href="cursinho_css.css" rel="stylesheet" type="text/css"><table width="100%" border="0" cellpadding="0" cellspacing="0">  <tr>	<td valign="top" onClick="mostra(menu1principal,menu1img)" style="cursor:hand;"><img src="imagens/icon_mais.gif" width="11" height="9" id="menu1img" valign="bottom"> <span class="textos3">Titulo 1</span><br>	  <span id="menu1principal" style="display:'none'">      <img src="imagens/d.gif" alt="linha" width="11" height="18">	  <a href=http://www.cursinhodoxi.com target=_blank class="a">Link1</a><br>       <img src="imagens/d.gif" alt="linha" width="11" height="18"><a href=http://www.conexaohost.net target=_blank class="a"> Link2</a><br>	  </span></a></td>  </tr>  <tr>	<td valign="top" style="cursor:hand;" onClick="mostra(menu1principal,menu1img)"><img src="imagens/icon_mais.gif" width="11" height="9" id="menu1img" valign="bottom"> <span class="textos3">Titulo 1</span><br>	<span id="menu2principal" style="display:'none'"><table width="98%" height="44"  border="0" align="center" cellpadding="0" cellspacing="0" style="border-collapse:">  <tr>	<td width="2%" height="0" class="textos"><img src="imagens/d.gif" alt="inicio" width="11" height="18" /></td>	<td width="98%" class="textos"><a href="?seção=Listas" class="a">Listas</a></td>  </tr>  <tr>	<td height="0" class="textos"><img src="imagens/d.gif" alt="inicio" width="11" height="18" /></td>	<td class="textos"><a href="?seção=Teoria" class="a">Teoria</a></td>  </tr>  <tr class="textos">	<td height="0" class="textos"><img src="imagens/d2.gif" alt="fim" width="11" height="15" /></td>	<td class="textos"><a href="?seção=Simulados" class="a">Simulados</a></td>  </tr></table></span></td>  </tr>  <tr>	<td> </td>  </tr></table>

tipo, eu num mudei nada no JS, eu acho que num to sabendo aplicar o Comanda <SPAN> e suas propriedades na tabela!

 

queria saber se tem jeito de fazer do jeito q eu to querendo!!

 

vlw pela atenção!!