Ir para conteúdo

POWERED BY:

Arquivado

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

Andretta

Menu Drop Down Hover

Por , em Desenvolvimento frontend

Recommended Posts

Andretta    0

Andretta
Postado

Existe a possibilidade de trocar de cor no hover???

 

<html><head><style>ul { margin: 0;	 padding: 0;	 list-style: none;	 width: 150px;	 border-bottom: 1px solid #363636;}ul li { position: relative; }li ul { position: absolute;	left: 149px;	top: 0;	display: none;}ul li a { display: block;	  text-decoration: none;	  color: #BEBEBE;	  background: #1C1C1C;	  padding: 3px;	  border: 2px solid #363636;	  border-bottom: 0;	  font-family: Verdana;	  font-size: 11px;}/* Fix IR. Hide from IE MAC \*/* html ul li { float: left; }* html ul li a { height: 1%; }/* End */li:hover ul, li.over ul {display: block;		<!-- Eu tentei por aki mais não rolo -->		 [color=#FF0000]background: #0A3B65;		 color: #FFFFFF;[/color]}</style><script>over = function() {	var sfEls = document.getElementById("nav").getElementsByTagName("LI");	for (var i=0; i<sfEls.length; i++) {		sfEls[i].onmouseover=function() {			this.className+=" over";		}		sfEls[i].onmouseout=function() {			this.className=this.className.replace(new RegExp(" over\\b"), "");		}	}}if (window.attachEvent) window.attachEvent("onload", over);</script>   </head><body><ul id="nav"> 	<li><a href="#">Home</a></li> 	<li><a href="#">TESTE1</a> 	  <ul> 		<li><a href="#">TESTE1.1</a></li> 		<li><a href="#">TESTE1.2</a></li> 	  </ul> 	</li> 	<li><a href="#">TESTE 2</a> 	  <ul> 		<li><a href="#">TESTE 2.1</a></li> 		<li><a href="#">TESTE 2.2</a></li>	  </ul>   	</li> </ul></body></html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

pa_bruno    0

pa_bruno
Postado

beleza... eh q o ie naum interpreta direitio e nem testei aki... colocando soh o li a:hover, todo link q estiver numa lista ele fará isso... ae como teu caso pode ter links dentro d <ul>, dentro <li>, pode naum darcerto... http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

Andretta    0

Andretta
Postado

Nesse mesmo código, estou tentando colocar uma img com setinha indicando q tem sub menu mas qd coloco <img src="icone.gif" align="right"> ele cria uma outra linha se tiro a align="right" ele fica direito, mas grudado no texto...Q fazer???

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito