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

Btree


tntgui

Pergunta

9 respostass a esta questão

Posts Recomendados

  • 0

creio que você terá que juntar ASP com JavaScript se ajudar este é uma exemplo de JavaScript

<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> 



fonte Imasters

abraço

Link para o comentário
Compartilhar em outros sites

  • 0

Bom não ficou perfeitamente como desejamos mas da para quebrar um galho !

<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" onmouseover="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" onmouseover="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" onmouseover="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" onmouseover="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> 

a unica diferença que quando passa o mouse ele abre e para fechar tem que passar o mouse outra vez !

abraço!

Link para o comentário
Compartilhar em outros sites

  • 0
agora eu vou abusar... rsrsrsrs... e para esse menu ficar em rollover???

tipo passa o mause ele já abre quando tira o mause de um dos links ele some... tentei.. mais a função não funfou mais...

<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" onMouseOver="mostra(menu1principal,menu1img)" onMouseOut="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<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></span></font>

<font face="Verdana" size="1" color=#CC0000>
<span id="menu2" onMouseOver="mostra(menu2principal,menu2img)" onMouseOut="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<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></span></font>

<font face="Verdana" size="1" color=#CC0000>
<span id="menu3" onMouseOver="mostra(menu3principal,menu3img)" onMouseOut="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<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></span></font>

<font face="Verdana" size="1" color=#CC0000>
<span id="menu4" onMouseOver="mostra(menu4principal,menu4img)" onMouseOut="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<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></span></font>

Alterei para rollover.

Detalhe: Funcionou no IE no firefox pirou

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
      152,2k
    • Posts
      652k
×
×
  • Criar Novo...