Ir para conteúdo

POWERED BY:

Arquivado

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

lucasbaur

Menu Fechado

Por , em Javascript

Recommended Posts

lucasbaur    0

lucasbaur
Postado

Alguém poderia me dar uma ajuda para carregar um menu rolante fechado. Quando abro a página ele já traz os menús em aberto.

Veja o código abaixo

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt-br" lang="pt-br"><head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><meta name="author" content="Wagner B. Soares" /><title>Menu</title><style type="text/css">body

{

font-size: 11px;

font-family: Verdana, Arial, Helvetica, Garamond, sans-serif, serif;

}

div.menu

{

width: 200px;

border: 1px solid #000000;

}

div.menu a

{

display: block;

padding-left: 5px;

line-height: 20px;

color: #000000;

text-decoration: none;

ouline: none;

 

}

* html div.menu a { height: 1%; }

div.menu a:hover

{

background-color: #066666;

color: #FFFFFF;

}

ul.corpo

{

margin: 0px;

padding: 0px;

width: 200px;

}

ul.corpo li

{

display: block;

margin: 0px;

padding: 0px;

list-style: none;

}

span.imagem

{

display: block;

width: 198px;

position : absolute;

text-align: right;

}

span.imagem img

{

padding: 3px 2px;

cursor: pointer;

}

span.header

{

z-index:1;

display: block;

margin: 0px;

padding: 0px;

padding-left: 5px;

line-height: 22px;

color: #CCCCCC;

font-weight: bold;

background-color: #000000;

}

</style>

<script type="text/javascript">up_down = function(img,body)

{

 

if(img.src.indexOf("up") > -1)

{

img.src="arrow_down.gif";

document.getElementById(body).style.display = "none";

}

else

{

img.src="arrow_up.gif";

document.getElementById(body).style.display = "block";

}

};

</script>

 

<base target="main/><frameset rows="></head>

<body bgcolor="#FFFFFF" link="#008000" vlink="#C0C0C0" ><blockquote><p><a href="Menu.html" TARGET="Principal"><img border="0" src="teste.JPG" width="119" height="120"></a></p></blockquote><p> </p><div id="menu" class="menu" ><span class="imagem"><img src="arrow_down.gif" onClick="up_down(this,'menuBody');" alt="" title="" width="15" height="15" /></span><span class="header">BFCAD</span><ul id="menuBody" class="corpo"><li><a href="Teste.htm" Target="Principal">Novo Usuário</a></li><li><a href="Teste.HTML" Target="Principal">MenuTeste</a></li><li><a href="Teste.htm" Target="Principal">Menús e Outros</a></li><li><a href="Teste.htm" Target="Principal">ERP - Definição</a></li></ul> <p> </p> 

 

<p> 

</p>

<p><br /></p><p> </body>

</html>

 

 

 

Atenciosamente

L.Brown

Compartilhar este post

Link para o post
Compartilhar em outros sites

GabrielFerrari    41

GabrielFerrari
Postado 

<script type="text/javascript">
up_down = function(img,body)
{

if(img.src.indexOf("up") > -1)
{
img.src="arrow_down.gif";
document.getElementById(body).style.display = "block";
}
else
{
img.src="arrow_up.gif";
document.getElementById(body).style.display = "none";
}
};
</script>

Não testei

Apenas deduzi olhando o código

Se não funcionar torne a postar.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

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

  Aceito