Ir para conteúdo

POWERED BY:

Arquivado

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

NinaQ

integração de menu interativo...

Por , em Javascript

Recommended Posts

hunternh    2

hunternh
Postado

Você quer saber dos menus parecidos com combo?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Megadeth    2

Megadeth
Postado

Esse assunto é mais css que javascript, mais como tem um pouco de javascript e eu tenho um exemplo pronto vou mandar pra você e ai você só faz mudar segundo sua necessidade.OK.

<html><head><style>ul {	margin: 0;	padding: 0;	list-style: none;	height:25;	border-bottom: 1px solid #ccc;}ul li {	position: relative;}li ul {	position: absolute;	left: 1px;	top: 25;	display: none;	width: 98px;}ul li a {	display: block;	text-decoration: none;	font-size:11px;	font-family:Verdana,Arial,Helvetica;	color: #000;	padding: 5px;	border: 1px solid #ccc;}li:hover ul, li.over ul { 	display: block;}ul li ul a:hover{	background:#000;	display:block;	color:#fff;}ul li a:hover{	background:#000;	display:block;	color:#fff;	border-bottom: 1px #000 solid;}/* Fix IE. Hide from IE Mac \*/* html ul li { float: left; height: 1%; }* html ul li a { height: 1%; }/* End */</style><script type="text/javascript">startList = function() {if (document.all&&document.getElementById) {navRoot = document.getElementById("nav");for (i=0; i<navRoot.childNodes.length; i++) {node = navRoot.childNodes[i];if (node.nodeName=="LI") {node.onmouseover=function() {this.className+=" over";  }  node.onmouseout=function() {  this.className=this.className.replace	(" over", "");   }   }  } }}window.onload=startList;</script><head><body><table cellspacing="0" border><tr height="25">	<td width="100">	<ul id="nav">		<li><a href="#"><b>Titulo 1</a></b>			<ul>			<li><a href="#">subtitulo 1</a></li>			<li><a href="#">subtitulo 2</a></li>			<li><a href="#">subtitulo 3</a></li>			<li><a href="#">subtitulo 4</a></li>			</ul>		</li>	</ul>	</td>	<td width="100">	<ul id="nav">		<li><a href="#"><b>Titulo 2</a></b>			<ul>			<li><a href="#">subtitulo 1</a></li>			<li><a href="#">subtitulo 2</a></li>			<li><a href="#">subtitulo 3</a></li>			<li><a href="#">subtitulo 4</a></li>			</ul>		</li>	</ul>	</td></tr></table></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