Ir para conteúdo

POWERED BY:

Arquivado

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

nunoferreira

Problema com menu com OnMouseOver/OnMouseOut

Por , em Javascript

Recommended Posts

nunoferreira    0

nunoferreira
Postado

Boas camaradas...

 

Tenho um problema num menu que estou a tentar resolver e não encontro solução, já procurei de tudo.

Criei dois gif's animados com uma barra que cresce quando o rato se coloca em cima e que diminui quando o rato se tira de cima, até aqui tudo bem, mas quando uso o firefox e o ie7 só funciona a primeira vez!

Alguém tem alguma explicação lógica!!!??

 

O código é muito simples e precisa de trabalhar com a background image de uma célula ou de um div e terá que ser multiplo para vários links.

 

<html>
<head>
  
	
	  
	  <style>
		
		.over{
		background: url('barra_cresce_escuro.gif');
		width: 140px;
		cursor: hand;
		} 
		
		.out{
		background: url('barra_diminui_escuro.gif');
		width: 140px;
		cursor: hand;
		}
		
		.nenhum{
		background: url('');
		width: 140px;
		cursor: hand;
		} 
		
		div.clear {
		float: none;
		clear: both;
		display: block;
		}

	  </style>

</head>
<body>
<table  width="142" height="233" border="0" cellpadding="0" cellspacing="0" background="fundo_subm_maq.jpg">
  <tr>
	<td>
	
	<table width="142" height="20">
	 
	  
	  <tr>
		<td>
		
				<table width="140" height="20">
				<tr>
				<td  style="font-family: Arial, Helvetica, sans-serif;text-decoration: none;color: #FFFFFF;background-color: transparent;" ><div class="clear" onMouseOver="this.className = 'over'" onMouseOut="this.className = 'out'"><a href="#" style="text-decoration:none; color:#FFFFFF">texto</a></div></td>
				</tr>
				</table> 	
					
		</td>
	  </tr>
	  
	  <tr>
		<td>
		
				<table width="140" height="20">
				<tr>
				<td  style="font-size: 12px;font-family: Arial, Helvetica, sans-serif;text-decoration: none;color: #FFFFFF;background-color: transparent;" ><div class="clear" onMouseOver="this.className = 'over'" onMouseOut="this.className = 'out'">texto</div></td>
				</tr>
				</table> 
		
		</td>
	  </tr>
	  
	  <tr>
		<td>

				<table width="140" height="20">
				<tr onmouseover="this.className = 'over'" onmouseout="this.className = 'out'">
				<td  style="font-size: 12px;font-family: Arial, Helvetica, sans-serif;text-decoration: none;color: #FFFFFF;background-color: transparent;" >texto</td>
				</tr>
				</table> 
		
		</td>
	  </tr>
	  
	  <tr>
		<td id="testea" style="filter: alpha (opacity=50);-moz-opacity:.50;opacity:.50;"> </td>
	  </tr>
	</table></td>
  </tr>
</table>
</body>
  </html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

andreia_sp    1

andreia_sp
Postado
Aqui funcionou perfeitamente: FF e IE 7. A unica coisa é que ao carregar a pagina ele nao funciona, precisa passar o mouse em cima primeiro

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