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

Menu?

Guest Patty Maionese

Perguntado por Guest Patty Maionese,

 Share

Pergunta

Guest Patty Maionese

Guest Patty Maionese

Postado
Postado

unsure.gif Eu não sei fazer aqueles menus que quando agente passa o mouse em ciima do link aparece um menu....

Se alguém souber, por favor, fale comigo!!!!!!!!!!!!!!! rolleyes.gif

Link para o comentário
Compartilhar em outros sites

8 respostass a esta questão

Posts Recomendados

  • 0
ricardo

ricardo

Postado
Postado

Tava desenvouvendo um menu desses...

<html>
<head>
<title>menu1</title>
<style language="text/css">
<!--
.m1{position:absolute; left:88; top:15;}
.m2{position:absolute; left:88; top:38;}
.m3{position:absolute; left:88; top:61;}
.m4{position:absolute; left:88; top:84;}
.m5{position:absolute; left:88; top:107;}
-->
</style>
<script language="javascript">
function visao1(){
m1.style.visibility = "visible"
}
function visao2(){
m2.style.visibility = "visible"
}
function visao3(){
m3.style.visibility = "visible"
}
function visao4(){
m4.style.visibility = "visible"
}
function fechatudo(){
m1.style.visibility = "hidden"
m2.style.visibility = "hidden"
m3.style.visibility = "hidden"
m4.style.visibility = "hidden"
}
</script>
</head>
<body onmouseout=fechatudo() onclick=fechatudo()>
<table cellspacing=0 width=10%>
<tr><td onmouseover=fechatudo();visao1()><a href=>menu1</a></td></tr>
<tr><td onmouseover=fechatudo();visao2()><a href=>menu2</a></td></tr>
<tr><td onmouseover=fechatudo();visao3()><a href=>menu3</a></td></tr>
<tr><td onmouseover=fechatudo();visao4()><a href=>menu4</a></td></tr>
</table>
<table cellspacing=0 class=m1 id=m1 style="VISIBILITY: hidden" width="10%">
<tr><td><a href=>menu1.1</a></td></tr>
<tr><td><a href=>menu1.2</a></td></tr>
<tr><td><a href=>menu1.3</a></td></tr>
<tr><td><a href=>menu1.4</a></td></tr>
<tr><td><a href=>menu1.5</a></td></tr>
<tr><td><a href=>menu1.6</a></td></tr></TABLE>
<TABLE cellspacing=0 class=m2 id=m2 style="VISIBILITY: hidden" width="10%">
<TR><TD><a href=>menu2.1</a></TD></TR>
<TR><TD><a href=>menu2.2</a></TD></TR>
<TR><TD><a href=>menu2.3</a></TD></TR>
<TR><TD><a href=>menu2.4</a></TD></TR>
<TR><TD><a href=>menu2.5</a></TD></TR>
<TR><TD><a href=>menu2.6</a></TD></TR></TABLE>
<TABLE class=m3 id=m3 style="VISIBILITY: hidden" width="10%">
<TR><TD><a href=>menu3.1</a></TD></TR>
<TR><TD><a href=>menu3.2</a></TD></TR>
<TR><TD><a href=>menu3.3</a></TD></TR>
<TR><TD><a href=>menu3.4</a></TD></TR>
<TR><TD><a href=>menu3.5</a></TD></TR>
<TR><TD><a href=>menu3.6</a></TD></TR></TABLE>
<TABLE class=m4 id=m4 style="VISIBILITY: hidden" width="10%">
<TR><TD><a href=>menu4.1</a></TD></TR>
<TR><TD><a href=>menu4.2</a></TD></TR>
<TR><TD><a href=>menu4.3</a></TD></TR>
<TR><TD><a href=>menu4.4</a></TD></TR>
<TR><TD><a href=>menu4.5</a></TD></TR>
<TR><TD><a href=>menu4.6</a></TD></TR></TABLE>
</body>
</html>

So que tem que aumentar o tamanho da cedula que tem o onmouseover de acordo com o navegador, da para abaixar o tamanho do codigo se você deletar os stilos e colocar so nas tabelas certas. So vou aprimorar este menu mais se tiver nescessidade...

Isto se for o que estou pensando, caso contrario entra no site: www.pristontale.com(clica em english e nesta pagina estara o menu)

e tire do codigo e fonte

Eu não sei fazer aqueles menus que quando agente passa o mouse em ciima do link aparece um menu

Proxima vez que for perguntar pergunte mais detalhadamente. Assim facilita a minha vida...

Espero ter ajudado e qualquer duvida: ricardofantin@hotmail.com

ps: posso vir a demorar a atende-lo, portanto não entenda mal se eu não responder imediatamente... ok???

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

John Doe

Postado
Postado
Tava desenvouvendo um menu desses...

<html>
<head>
<title>menu1</title>
<style language="text/css">
<!--
.m1{position:absolute; left:88; top:15;}
.m2{position:absolute; left:88; top:38;}
.m3{position:absolute; left:88; top:61;}
.m4{position:absolute; left:88; top:84;}
.m5{position:absolute; left:88; top:107;}
-->
</style>
<script language="javascript">
function visao1(){
m1.style.visibility = "visible"
}
function visao2(){
m2.style.visibility = "visible"
}
function visao3(){
m3.style.visibility = "visible"
}
function visao4(){
m4.style.visibility = "visible"
}
function fechatudo(){
m1.style.visibility = "hidden"
m2.style.visibility = "hidden"
m3.style.visibility = "hidden"
m4.style.visibility = "hidden"
}
</script>
</head>
<body onmouseout=fechatudo() onclick=fechatudo()>
<table cellspacing=0 width=10%>
<tr><td onmouseover=fechatudo();visao1()><a href=>menu1</a></td></tr>
<tr><td onmouseover=fechatudo();visao2()><a href=>menu2</a></td></tr>
<tr><td onmouseover=fechatudo();visao3()><a href=>menu3</a></td></tr>
<tr><td onmouseover=fechatudo();visao4()><a href=>menu4</a></td></tr>
</table>
<table cellspacing=0 class=m1 id=m1 style="VISIBILITY: hidden" width="10%">
<tr><td><a href=>menu1.1</a></td></tr>
<tr><td><a href=>menu1.2</a></td></tr>
<tr><td><a href=>menu1.3</a></td></tr>
<tr><td><a href=>menu1.4</a></td></tr>
<tr><td><a href=>menu1.5</a></td></tr>
<tr><td><a href=>menu1.6</a></td></tr></TABLE>
<TABLE cellspacing=0 class=m2 id=m2 style="VISIBILITY: hidden" width="10%">
<TR><TD><a href=>menu2.1</a></TD></TR>
<TR><TD><a href=>menu2.2</a></TD></TR>
<TR><TD><a href=>menu2.3</a></TD></TR>
<TR><TD><a href=>menu2.4</a></TD></TR>
<TR><TD><a href=>menu2.5</a></TD></TR>
<TR><TD><a href=>menu2.6</a></TD></TR></TABLE>
<TABLE class=m3 id=m3 style="VISIBILITY: hidden" width="10%">
<TR><TD><a href=>menu3.1</a></TD></TR>
<TR><TD><a href=>menu3.2</a></TD></TR>
<TR><TD><a href=>menu3.3</a></TD></TR>
<TR><TD><a href=>menu3.4</a></TD></TR>
<TR><TD><a href=>menu3.5</a></TD></TR>
<TR><TD><a href=>menu3.6</a></TD></TR></TABLE>
<TABLE class=m4 id=m4 style="VISIBILITY: hidden" width="10%">
<TR><TD><a href=>menu4.1</a></TD></TR>
<TR><TD><a href=>menu4.2</a></TD></TR>
<TR><TD><a href=>menu4.3</a></TD></TR>
<TR><TD><a href=>menu4.4</a></TD></TR>
<TR><TD><a href=>menu4.5</a></TD></TR>
<TR><TD><a href=>menu4.6</a></TD></TR></TABLE>
</body>
</html>

So que tem que aumentar o tamanho da cedula que tem o onmouseover de acordo com o navegador, da para abaixar o tamanho do codigo se você deletar os stilos e colocar so nas tabelas certas. So vou aprimorar este menu mais se tiver nescessidade...

Isto se for o que estou pensando, caso contrario entra no site: www.pristontale.com(clica em english e nesta pagina estara o menu)

e tire do codigo e fonte

Eu não sei fazer aqueles menus que quando agente passa o mouse em ciima do link aparece um menu

Proxima vez que for perguntar pergunte mais detalhadamente. Assim facilita a minha vida...

Espero ter ajudado e qualquer duvida: ricardofantin@hotmail.com

ps: posso vir a demorar a atende-lo, portanto não entenda mal se eu não responder imediatamente... ok???

Esse seu codigo tá bugado.. dry.gif ... quando você passa o mouse em cima abre o menu e tal...mas quando você vai acessar o link o sub-menu desaparece...se eu fosse você eu trocava os eventos

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

ricardo

Postado
Postado

E eu sie e que ontem eu tava com sono então não corrigi, ai esta a versao corigida:

<html>
<head>
<title>menu1</title>
<script language="javascript">
function visao1(){
m1.style.visibility = "visible"
}
function visao2(){
m2.style.visibility = "visible"
}
function visao3(){
m3.style.visibility = "visible"
}
function visao4(){
m4.style.visibility = "visible"
}
function fechatudo(){
m1.style.visibility = "hidden"
m2.style.visibility = "hidden"
m3.style.visibility = "hidden"
m4.style.visibility = "hidden"
}
</script>
</head>
<body onmouseout=fechatudo() onclick=fechatudo()>
<table cellspacing=0 width=10%>
<tr><td onmouseover=fechatudo();visao1()><a href=>menu1</a></td></tr>
<tr><td onmouseover=fechatudo();visao2()><a href=>menu2</a></td></tr>
<tr><td onmouseover=fechatudo();visao3()><a href=>menu3</a></td></tr>
<tr><td onmouseover=fechatudo();visao4()><a href=>menu4</a></td></tr>
</table>
<table onmouseover=visao1() style="position:absolute; left:88; top:15; VISIBILITY: hidden" id=m1 width=10%>
<tr><td><a href=>menu1.1</a></td></tr>
<tr><td><a href=>menu1.2</a></td></tr>
<tr><td><a href=>menu1.3</a></td></tr>
<tr><td><a href=>menu1.4</a></td></tr>
<tr><td><a href=>menu1.5</a></td></tr>
<tr><td><a href=>menu1.6</a></td></tr></TABLE>
<TABLE onmouseover=visao2() style="position:absolute; left:88; top:38; VISIBILITY: hidden" id=m2 width=10%>
<TR><TD><a href=>menu2.1</a></TD></TR>
<TR><TD><a href=>menu2.2</a></TD></TR>
<TR><TD><a href=>menu2.3</a></TD></TR>
<TR><TD><a href=>menu2.4</a></TD></TR>
<TR><TD><a href=>menu2.5</a></TD></TR>
<TR><TD><a href=>menu2.6</a></TD></TR></TABLE>
<TABLE onmouseover=visao3() style="position:absolute; left:88; top:61; VISIBILITY: hidden" id=m3 width=10%>
<TR><TD><a href=>menu3.1</a></TD></TR>
<TR><TD><a href=>menu3.2</a></TD></TR>
<TR><TD><a href=>menu3.3</a></TD></TR>
<TR><TD><a href=>menu3.4</a></TD></TR>
<TR><TD><a href=>menu3.5</a></TD></TR>
<TR><TD><a href=>menu3.6</a></TD></TR></TABLE>
<TABLE onmouseover=visao4() style="position:absolute; left:88; top:84; VISIBILITY: hidden" id=m4 width=10%>
<TR><TD><a href=>menu4.1</a></TD></TR>
<TR><TD><a href=>menu4.2</a></TD></TR>
<TR><TD><a href=>menu4.3</a></TD></TR>
<TR><TD><a href=>menu4.4</a></TD></TR>
<TR><TD><a href=>menu4.5</a></TD></TR>
<TR><TD><a href=>menu4.6</a></TD></TR></TABLE>
</body>
</html>

Da para melhorar mais um pouco, mas isto eu resolvo outra hora...

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,1k
    • Posts
      651,8k
×
×
  • Criar Novo...