• Revista PROGRAMAR: Já está disponível a edição #53 da revista programar. Faz já o download aqui!

Kajo

DropDown menu na horizontal

5 mensagens neste tópico

Vivas, desejava encontrar aqueles dropdowns menu que descem na vertical conforme o desenho (Quando passar o rato por cima do Menu3 aparece o submenu)

Menu 1 Menu 2 Menu 3

Sub-Menu1 |Sub-Menu2 | Sub-Menu3 | Sub-Menu4 |Sub- Menu5 |

Já tive o menu do dynamicdrive mas não me satisfaz porque tem imensos erros, portanto estou aberto a mais scripts que o pessoal tenha usado.

Obrigado

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Eu tenho um mas só funciona em IE no 6 sei que sim no 7 não sei se funciona. Se mesmo assim quiseres diz...

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Sim envia-me na mesma sff

Kajolas at hotmail dot com or Kajolas at gmail dot com

Thanks :)

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites
<html>
<head>
<title>Skin - Menu with text boxex</title>
<style TYPE="text/css">
<!--
body{
overflow:scroll;overflow-x:hidden
}
.popper
{
  position : absolute;
  visibility : hidden;
}

a {text-decoration:none; font-family: verdana,arial; font-size: 8pt; color: #FF33CC; font-style: normal}
a:hover {color:#CC3399;font-weight:normal; font-family: verdana,arial; font-size: 8pt; font-style: normal; text-decoration:none}
body {font-family: verdana,arial; font-size: 8pt}
-->
</style>
</head>
<body>

Este script optimizado principalmente para Internet Explorer 6.0 faz com que quando se sobrepõe o rato por cima do <br> texto ele mostra um menu por baixo. <br> By Skin

<DIV ID="deckskin" CLASS="popper"> </DIV>
<SCRIPT>
var nav = (document.layers); 
var iex = (document.all);
var skn = (nav) ? document.deckskin : deckskin.style;
if (nav) document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = get_mouse;
function pop(msg,bak,tit) 
{
var content ="<TABLE WIDTH=130 BORDER=0 CELLPADDING=2 CELLSPACING=0 BGCOLOR=#000000><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=0><TR><TD><CENTER><FONT COLOR=#FFFFFF Face='Verdana,Arial' SIZE=1><B>"+tit+"</B></FONT></CENTER></TD></TR></TABLE><TABLE WIDTH=100% BORDER=0 CELLPADDING=2 CELLSPACING=0 BGCOLOR="+bak+"><TR><TD><FONT COLOR=#000000 face='Verdana, Arial' SIZE=1><CENTER>"+msg+"</CENTER></FONT></TD></TR></TABLE></TD></TR></TABLE>";
  if (nav) 
  { 
    skn.document.write(content); 
  skn.document.close();
  skn.visibility = "visible";
  }
    else if (iex) 
  {
  document.all("deckskin").innerHTML = content;
  skn.visibility = "visible";  
  }
}
function get_mouse(e) 
{
var x = (nav) ? e.pageX : event.x+document.body.scrollLeft; 
var y = (nav) ? e.pageY : event.y+document.body.scrollTop;
skn.left = x - 60;
  skn.top  = y+20;
}
function kill() 
{
    skn.visibility = "hidden";
    document.all("deckskin").innerHTML="";
}
</SCRIPT>
<tr>
<td bgcolor="#8E1794" height="18">
<p align='center'><font face='Verdana, Arial' color='white' size='2'>
<a ONMOUSEOVER="pop('Aqui aparece a mensagem','#FAE7FA','Aqui é o titulo')" ONMOUSEOUT="kill()" href="linkx.htm" ;>Menu x</a> 
</font></p></td></tr><tr><td valign='top' height='34'></td>
</body>
</html>

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!


Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.


Entrar Agora