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

Menu

fantasma

Perguntado por fantasma,

 Share

Pergunta

fantasma

fantasma

Postado
Postado (editado)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

<head>

<title>links</title>

<style type="text/css">

body{font-family:Gill Sans Std;}

table{font-size:13,5pt; }

a{color:#373737;text-decoration:none;font:bold}

a:hover{color:#a3a2a2}

td.menu{background:#edf6de}

table.menu

{

font-family:Gill Sans Std;

font-size:12px;

position:absolute;

visibility:hidden;

}

</style>

<script type="text/javascript">

function showmenu(elmnt)

{

document.getElementById(elmnt).style.visibility="visible"

}

function hidemenu(elmnt)

{

document.getElementById(elmnt).style.visibility="hidden"

}

</script>

</head>

<body>

<table width="611px" bgcolor="#edf6de">

<tr bgcolor="#edf6de" >

<td width="30"></td>

<td onmouseover="showmenu('natura')" onmouseout="hidemenu('natura')" width="60">

<img src="../img/ImgSetaNivel1.gif" width="3" height="7" alt="" /> <a href="#">a natura<br/></a>

<table class="menu" id="natura" width="210" bgcolor="#edf6de">

<tr><td class="menu"><a href="sobre_este_relatório.asp" class="">Razão de ser</a></td></tr>

<tr><td class="menu"><a href="sobre_este_relatório.asp">Visão</a></td></tr>

<tr><td class="menu"><a href="#.asp">Crenças <br />Perfil da organização</a></td></tr>

<tr><td class="menu"><a href="#.asp">História <br />Diferenciais competitivos</a></td></tr>

<tr><td class="menu"><a href="#.asp">Produtos e conceitos</a></td></tr>

<tr><td class="menu"><a href="#.asp">Pesquisa e desenvolvimento</a></td></tr>

<tr><td class="menu"><a href="#.asp">Marca</a></td></tr>

<tr><td class="menu"><a href="#.asp">Gestão responsável<br />Governança corporativa</a></td></tr>

<tr><td class="menu"><a href="#.asp">Gestão de riscos</a></td></tr>

<tr><td class="menu"><a href="#.asp">Estrutura acionária</a></td></tr>

<tr><td class="menu"><a href="#.asp">Remuneração dos acionistas</a></td></tr>

<tr><td class="menu"><a href="#.asp">Relações com investidores</a></td></tr>

<tr><td class="menu"><a href="#.asp"></a>Compromisso com a sustentabilidade<br/>Compromisso Global Compact</td></tr>

</table>

</td>

<td onmouseover="showmenu('relacoes')" onmouseout="hidemenu('relacoes')"width="70">

<img src="../img/ImgSetaNivel1.gif" width="3" height="7" alt="" /> <a href="#">relações<br /></a>

<table class="menu" id="relacoes" width="180" bgcolor="#edf6de">

<tr><td class="menu"><a href="sobre_este_relatório.asp">Colaboradores</a></td></tr>

<tr><td class="menu"><a href="#.asp">Consultoras</a></td></tr>

<tr><td class="menu"><a href="#.asp">Consumidores</a></td></tr>

<tr><td class="menu"><a href="#.asp">Fornecedores e comunidades <br/>extrativistas</a></td></tr>

<tr><td class="menu"><a href="#.asp">Comunidades de entorno</a></td></tr>

<tr><td class="menu"><a href="#.asp">Governo e sociedade</a></td></tr>

<tr><td class="menu"><a href="#.asp">Meio ambiente</a></td></tr>

<tr><td class="menu"><a href="#.asp">Liderança e influência social <br />Canais de diálogo</a></td></tr>

</table>

</td>

<td onmouseover="showmenu('exercicio_2006')" onmouseout="hidemenu('exercicio_2006')"width="125">

<img src="../img/ImgSetaNivel1.gif" width="3" height="7" alt="" /> <a href="#">o exercício 2006<br /></a>

<table class="menu" id="exercicio_2006" width="200" bgcolor="#edf6de">

<tr><td class="menu"><a href="#.asp">Mensagem da presidência <br/>Resultados</a></td></tr>

<tr><td class="menu"><a href="#.asp">Principais acontecimentos</a></td></tr>

<tr><td class="menu"><a href="#.asp">Prêmios e reconhecimentos</a></td></tr>

<tr><td class="menu"><a href="#.asp">Principais indicadores <br />Estratégias <br />Desafios<br />Demonstrações financeiras</a></td></tr>

<tr><td class="menu"><a href="#.asp">Ativo</a></td></tr>

<tr><td class="menu"><a href="#.asp">Passivo e Patrimônio líquido</a></td></tr>

<tr><td class="menu"><a href="#.asp">Mutações dos Patrimônios líquidos</a></td></tr>

<tr><td class="menu"><a href="#.asp">Origens e aplicações dos recursos</a></td></tr>

<tr><td class="menu"><a href="#.asp">Fluxo de caixa</a><br />Indicadores das operações</td></tr>

<tr><td class="menu"><a href="#.asp"> Argentina</a></td></tr>

<tr><td class="menu"><a href="#.asp">Chile</a></td></tr>

<tr><td class="menu"><a href="#.asp">França</a></td></tr>

<tr><td class="menu"><a href="#.asp">México</a></td></tr>

<tr><td class="menu"><a href="#.asp">Peru</a></td></tr>

</table>

</td>

<td onmouseover="showmenu('sub')" onkeypress="hidemenu('sub')" onclick="showmenu('relatorio')" onmouseout="hidemenu('relatorio')" width="">

<img src="../img/ImgSetaNivel1.gif" width="3" height="7" alt="" /> <a href="#">sobre o relatório<br /></a>

<table class="menu" id="relatorio" width="150" bgcolor="#edf6de">

<tr><td id="sub" bgcolor="#edf6de"><a href="#.asp">Lorem ipsum dolor sit amet</a></td></tr>

<tr><td class="menu"><a href="#.asp">Sobre este relatório (verificabilidade)</a></td></tr>

<tr><td class="menu"><a href="#.asp">Expediente</a></td></tr>

<tr><td class="menu"><a href="#.asp">Índice Remissivo GRI</a></td></tr>

<tr><td class="menu"><a href="#.asp">Avalie este site</a></td></tr>

</table>

<!--<table class="menu" id="sub" width="150" bgcolor="#edf6de">

<tr><td class="menu"><a href="#.asp">xxxxxxxxxxxxxxxxxxxx</a></td></tr></table>

-->

</td>

</body>

</html>

Editado por fantasma
Manter a organização do fórum depende TAMBÉM de TODOS. Utilize tags para códigos pois dessa forma você ajuda a quem se dispõe a te ajudar.... ok! Andreia_Sp
Link para o comentário
Compartilhar em outros sites

5 respostass a esta questão

Posts Recomendados

  • 0
fahledu

fahledu

Postado
Postado

Altere de onmouseover para onclick

Ex.

De:

<td onmouseover="showmenu('sobre_relatorio')" onmouseout="hidemenu('sobre_relatorio')"width="#">
Para: 
<td onclick="showmenu('sobre_relatorio')" onmouseout="hidemenu('sobre_relatorio')"width="#">
Quanto a mensagem... Você pode usar o atributo title do link Ex. 
<a href... title="clique aqui"...

Ou chamar uma div pelo onmouseover

Link para o comentário
Compartilhar em outros sites
  • 0
fantasma

fantasma

Postado
  • Autor
Postado

Cara não é isso que a pessoa quer......vou explicar novamente

tem um titulo

a natura ............... quando o usuario passar o mouse em cima do titulo a natura vai aparecer embaixo click aqui, ai sim vai descer a lista de menu.... eu sei que é frescura mais é opção do cliente.

Link para o comentário
Compartilhar em outros sites
  • 0
fahledu

fahledu

Postado
Postado

No caso é so criar uma outra clase e chamar com o onmouseover

ex.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
<head>
<title>links</title>
<style type="text/css">
body{font-family:Gill Sans Std;}
table{font-size:13,5pt; }
a{color:#373737;text-decoration:none;font:bold}
a:hover{color:#a3a2a2}
td.menu{background:#edf6de}
table.menu
{
font-family:Gill Sans Std;
font-size:12px;
position:absolute;
visibility:hidden;
}
</style>
<script type="text/javascript">
function showmenu(elmnt)
{
document.getElementById(elmnt).style.visibility="visible"
}
function hidemenu(elmnt)
{
document.getElementById(elmnt).style.visibility="hidden"
}
</script>

</head>

<body>
<table width="611px" bgcolor="#edf6de">
<tr bgcolor="#edf6de" >
<td width="40"></td>
<td onmouseover="showmenu('natura')" onmouseout="hidemenu('natura')" width="60">
<img src="../img/ImgSetaNivel1.gif" width="3" height="7" alt="" /> <a href="#">a 

natura<br/></a>

<table class="menu" id="natura" width="210" bgcolor="#edf6de">
<tr><td class="menu"><a href="sobre_este_relatório.asp" class="">Razão de 

ser</a></td></tr>
<tr><td class="menu"><a href="sobre_este_relatório.asp">Visão</a></td></tr>
<tr><td class="menu"><a href="#.asp">Crenças <br />Perfil da 

organização</a></td></tr>
<tr><td class="menu"><a href="#.asp">História <br />Diferenciais 

competitivos</a></td></tr>
<tr><td class="menu"><a href="#.asp">Produtos e conceitos</a></td></tr>
<tr><td class="menu"><a href="#.asp">Pesquisa e desenvolvimento</a></td></tr>
<tr><td class="menu"><a href="#.asp">Marca</a></td></tr>
<tr><td class="menu"><a href="#.asp">Gestão responsável<br />Governança 

corporativa</a></td></tr>
<tr><td class="menu"><a href="#.asp">Gestão de riscos</a></td></tr>
<tr><td class="menu"><a href="#.asp">Estrutura acionária</a></td></tr>
<tr><td class="menu"><a href="#.asp">Remuneração dos acionistas</a></td></tr>
<tr><td class="menu"><a href="#.asp">Relações com investidores</a></td></tr>
<tr><td class="menu"><a href="#.asp"></a>Compromisso com a 

sustentabilidade<br/>Compromisso Global Compact</td></tr>
</table>
</td>


<td onmouseover="showmenu('relacoes')" 

onmouseout="hidemenu('relacoes')"width="70">
<img src="../img/ImgSetaNivel1.gif" width="3" height="7" alt="" /> <a 

href="#">relações<br /></a>
<table class="menu" id="relacoes" width="180" bgcolor="#edf6de">
<tr><td class="menu"><a href="#.asp">Colaboradores</a></td></tr>
<tr><td class="menu"><a href="#.asp">Consultoras</a></td></tr>
<tr><td class="menu"><a href="#.asp">Consumidores</a></td></tr>
<tr><td class="menu"><a href="#.asp">Fornecedores e comunidades 

<br/>extrativistas</a></td></tr>
<tr><td class="menu"><a href="#.asp">Comunidades de entorno</a></td></tr>
<tr><td class="menu"><a href="#.asp">Governo e sociedade</a></td></tr>
<tr><td class="menu"><a href="#.asp">Meio ambiente</a></td></tr>
<tr><td class="menu"><a href="#.asp">Liderança e influência social <br />Canais de 

diálogo</a></td></tr>
</table>
</td>


<td onmouseover="showmenu('exercicio_2006')" 

onmouseout="hidemenu('exercicio_2006')"width="125">
<img src="../img/ImgSetaNivel1.gif" width="3" height="7" alt="" /> <a href="#">o 

exercício 2006<br /></a>
<table class="menu" id="exercicio_2006" width="200" bgcolor="#edf6de">
<tr><td class="menu"><a href="#.asp">Mensagem da presidência 

<br/>Resultados</a></td></tr>
<tr><td class="menu"><a href="#.asp">Principais acontecimentos</a></td></tr>
<tr><td class="menu"><a href="#.asp">Prêmios e reconhecimentos</a></td></tr>
<tr><td class="menu"><a href="#.asp">Principais indicadores <br />Estratégias <br 

/>Desafios<br />Demonstrações financeiras</a></td></tr>
<tr><td class="menu"><a href="#.asp">Ativo</a></td></tr>
<tr><td class="menu"><a href="#.asp">Passivo e Patrimônio líquido</a></td></tr>
<tr><td class="menu"><a href="#.asp">Mutações dos Patrimônios 

líquidos</a></td></tr>
<tr><td class="menu"><a href="#.asp">Origens e aplicações dos 

recursos</a></td></tr>
<tr><td class="menu"><a href="#.asp">Fluxo de caixa</a><br />Indicadores das 

operações</td></tr>
<tr><td class="menu"><a href="#.asp"> Argentina</a></td></tr>
<tr><td class="menu"><a href="#.asp">Chile</a></td></tr>
<tr><td class="menu"><a href="#.asp">França</a></td></tr>
<tr><td class="menu"><a href="#.asp">México</a></td></tr>
<tr><td class="menu"><a href="#.asp">Peru</a></td></tr>
</table>
</td>


<td onmouseover="showmenu('teste')" onmouseout="hidemenu('teste')" 

onclick="showmenu('sobre_relatorio')" 

onmouseout="hidemenu('sobre_relatorio')"width="#">
<img src="../img/ImgSetaNivel1.gif" width="3" height="7" alt="" /> <a href="#" 

title="teste">sobre o relatório<br /></a>
<table class="menu" id="sobre_relatorio" width="150" bgcolor="#edf6de">
<tr><td class="menu"><a href="#.asp">Sobre este relatório 

(verificabilidade)</a></td></tr>
<tr><td class="menu"><a href="#.asp">Expediente</a></td></tr>
<tr><td class="menu"><a href="#.asp">Índice Remissivo GRI</a></td></tr>
<tr><td class="menu"><a href="#.asp">Avalie este site</a></td></tr>

</td> 
</table>
<table class="menu" id="teste" width="150" bgcolor="#edf6de">
<tr><td class="menu"><a href="#.asp">teste</a></td></tr></table>

</body>

</html>

Da uma olhada no link "sobre relatorios" se é isso que você quer

Link para o comentário
Compartilhar em outros sites
  • 0
fantasma

fantasma

Postado
  • Autor
Postado

fahledu

parece que é isso irei dar um olhada no codigo e testa

obrigado andreia_sp....rs

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

<head>

<title>links</title>

<style type="text/css">

body{font-family:Gill Sans Std;}

table{font-size:13,5pt; }

a{color:#373737;text-decoration:none;font:bold}

a:hover{color:#a3a2a2}

td.menu{background:#edf6de}

table.menu

{

font-family:Gill Sans Std;

font-size:12px;

position:absolute;

visibility:hidden;

}

</style>

<script type="text/javascript">

function showmenu(elmnt)

{

document.getElementById(elmnt).style.visibility="visible"

}

function hidemenu(elmnt)

{

document.getElementById(elmnt).style.visibility="hidden"

}

</script>

</head>

<body>

<table width="611px" bgcolor="#edf6de">

<tr bgcolor="#edf6de" >

<td width="30"></td>

<td onmouseover="showmenu('natura')" onmouseout="hidemenu('natura')" width="60">

<img src="../img/ImgSetaNivel1.gif" width="3" height="7" alt="" /> <a href="#">a natura<br/></a>

<table class="menu" id="natura" width="210" bgcolor="#edf6de">

<tr><td class="menu"><a href="sobre_este_relatório.asp" class="">Razão de ser</a></td></tr>

<tr><td class="menu"><a href="sobre_este_relatório.asp">Visão</a></td></tr>

<tr><td class="menu"><a href="#.asp">Crenças <br />Perfil da organização</a></td></tr>

<tr><td class="menu"><a href="#.asp">História <br />Diferenciais competitivos</a></td></tr>

<tr><td class="menu"><a href="#.asp">Produtos e conceitos</a></td></tr>

<tr><td class="menu"><a href="#.asp">Pesquisa e desenvolvimento</a></td></tr>

<tr><td class="menu"><a href="#.asp">Marca</a></td></tr>

<tr><td class="menu"><a href="#.asp">Gestão responsável<br />Governança corporativa</a></td></tr>

<tr><td class="menu"><a href="#.asp">Gestão de riscos</a></td></tr>

<tr><td class="menu"><a href="#.asp">Estrutura acionária</a></td></tr>

<tr><td class="menu"><a href="#.asp">Remuneração dos acionistas</a></td></tr>

<tr><td class="menu"><a href="#.asp">Relações com investidores</a></td></tr>

<tr><td class="menu"><a href="#.asp"></a>Compromisso com a sustentabilidade<br/>Compromisso Global Compact</td></tr>

</table>

</td>

<td onmouseover="showmenu('relacoes')" onmouseout="hidemenu('relacoes')"width="70">

<img src="../img/ImgSetaNivel1.gif" width="3" height="7" alt="" /> <a href="#">relações<br /></a>

<table class="menu" id="relacoes" width="180" bgcolor="#edf6de">

<tr><td class="menu"><a href="sobre_este_relatório.asp">Colaboradores</a></td></tr>

<tr><td class="menu"><a href="#.asp">Consultoras</a></td></tr>

<tr><td class="menu"><a href="#.asp">Consumidores</a></td></tr>

<tr><td class="menu"><a href="#.asp">Fornecedores e comunidades <br/>extrativistas</a></td></tr>

<tr><td class="menu"><a href="#.asp">Comunidades de entorno</a></td></tr>

<tr><td class="menu"><a href="#.asp">Governo e sociedade</a></td></tr>

<tr><td class="menu"><a href="#.asp">Meio ambiente</a></td></tr>

<tr><td class="menu"><a href="#.asp">Liderança e influência social <br />Canais de diálogo</a></td></tr>

</table>

</td>

<td onmouseover="showmenu('exercicio_2006')" onmouseout="hidemenu('exercicio_2006')"width="125">

<img src="../img/ImgSetaNivel1.gif" width="3" height="7" alt="" /> <a href="#">o exercício 2006<br /></a>

<table class="menu" id="exercicio_2006" width="200" bgcolor="#edf6de">

<tr><td class="menu"><a href="#.asp">Mensagem da presidência <br/>Resultados</a></td></tr>

<tr><td class="menu"><a href="#.asp">Principais acontecimentos</a></td></tr>

<tr><td class="menu"><a href="#.asp">Prêmios e reconhecimentos</a></td></tr>

<tr><td class="menu"><a href="#.asp">Principais indicadores <br />Estratégias <br />Desafios<br />Demonstrações financeiras</a></td></tr>

<tr><td class="menu"><a href="#.asp">Ativo</a></td></tr>

<tr><td class="menu"><a href="#.asp">Passivo e Patrimônio líquido</a></td></tr>

<tr><td class="menu"><a href="#.asp">Mutações dos Patrimônios líquidos</a></td></tr>

<tr><td class="menu"><a href="#.asp">Origens e aplicações dos recursos</a></td></tr>

<tr><td class="menu"><a href="#.asp">Fluxo de caixa</a><br />Indicadores das operações</td></tr>

<tr><td class="menu"><a href="#.asp"> Argentina</a></td></tr>

<tr><td class="menu"><a href="#.asp">Chile</a></td></tr>

<tr><td class="menu"><a href="#.asp">França</a></td></tr>

<tr><td class="menu"><a href="#.asp">México</a></td></tr>

<tr><td class="menu"><a href="#.asp">Peru</a></td></tr>

</table>

</td>

<td onmouseover="showmenu('sub')" onmouseout="hidemenu('sub')" onclick="showmenu('relatorio')" onmouseout="hidemenu('relatorio')" width="">

<img src="../img/ImgSetaNivel1.gif" width="3" height="7" alt="" /> <a href="#">sobre o relatório<br /></a>

<table class="menu" id="relatorio" width="150" bgcolor="#edf6de">

<tr><td class="menu"><a href="#.asp">Sobre este relatório (verificabilidade)</a></td></tr>

<tr><td class="menu"><a href="#.asp">Expediente</a></td></tr>

<tr><td class="menu"><a href="#.asp">Índice Remissivo GRI</a></td></tr>

<tr><td class="menu"><a href="#.asp">Avalie este site</a></td></tr>

</table>

<table class="menu" id="sub" width="150" bgcolor="#edf6de">

<tr><td class="menu"><a href="#.asp">xxxxxxxxxxxxxxxxxxxx</a></td></tr></table>

</td>

</body>

</html>

Ta dando uma bucha

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.

×
 Share
Ir para lista de Perguntas


  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,6k
×
×
  • Criar Novo...