Ir para conteúdo

POWERED BY:

Arquivado

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

Silvia Nascimento

menu dropdown

Por , em Javascript

Recommended Posts

Silvia Nascimento    0

Silvia Nascimento
Postado

O que está errado? Por favor, já fiz e revis várias vezes.

<html>
<head>
<title>Meu menu</title>
<style type="text/css">
ul {
padding:0px;
margin:0px;
list-style:none;
}
li {
border:1px solid black;
width:120px;
padding:3px;
position:relative;

}
li:hover {
background-color:black;
color:white;

}
li > ul{
position:absolute;
left:126px;
top:-1px;
color:black;
}

</style>
<script type="text/javascript" src="script/jquery-1.6.1.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#menu li ul").hide();
$("#menu li ul").hover(
	function(){$(this).children("ul").show();},
	function(){$(this).children("ul").hover();}
);
});

</script>
</head>
<body>

<ul id="menu">
<li>Home</li>
<li>Soluções</li>
<li>Industrias	
<ul>
	<li>Texteis</li>
	<li>Empresas</li>
	<li>Energias</li>
</ul>
</li>
<li>Cases</li>
<li>Contato</li>
</ul>
</body>
</html>

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