Ir para conteúdo

POWERED BY:

Arquivado

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

Apenas Eu

Menu - Java Script - Com backgrounds

Recommended Posts

Ola.

Gostaria de perguntar, se é possivel fazer um menu em javascript com mouser over e out, só que em vez de mudar apenas a cor, gostaria de colocar efeitos. Acredito que para isso, em vez no código colocar as cores em questao, trocaria as imagens.

Eu vou enviar um exemplo aqui. Este site de exemplo que passarei o menu nao é em java..., mas é só para se ter noção:

http://www.itv-f1.com/home.aspx

Em vez de colocar o código da cor, eu colocava o nome da imagem, a url, mas o mouse over nao funciona. Abaixo está o codigo do menu:

OBRIGADO E AGUARDO RESPOSTAS

<html>
<style type="text/css">
<!--
.style7 {color: #FFFFFF; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
a:link {
	color: #FFFFFF;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #000066;
}
a:hover {
	text-decoration: none;
	color: #000099;
}
a:active {
	text-decoration: underline;
	color: #FFFFFF;
}
-->
</style>

<body>
<head>

<STYLE type="text/css">
<!--
.m1 {
		COLOR: red; FONT-FAMILY: Verdana, Arial, Helvetica, Tahoma; FONT-SIZE: 7pt
}-->
</STYLE>
</HEAD>




<TABLE cellpadding=2 cellspacing=2 width=60% align=center valign=top bgcolor="white" border=0>
<TR>
	<TD  width=0% bgcolor=white valign=top>
	
<FONT class=textoexpress>


<BR>
<TABLE width=16% border=4 cellpadding=2 cellspacing=2 bordercolor=#333333 bgcolor="#000000" valign=top>
  <TR>
	<TD height="30" bordercolor=#000000 bgcolor=#666666 onMouseover="this.style.background='#E2E2E2'" onMouseout="this.style.background='#666666 '" border=2 ><div align="left"><span class="style7"> <a href="mapa.html">Home Page</a><BR>
	</span></div></TD>
  <TR>
	<TD height="30" bordercolor=#000000 bgcolor=#666666 onMouseover="this.style.background='#E2E2E2'" onMouseout="this.style.background=' #666666 '"  border=2 ><div align="left"><span class="style7"> Introdução</span></div></TD>
  </TR>
  <TR>
	<TD height="30" bordercolor=#000000 bgcolor=#666666 onMouseover="this.style.background='#E2E2E2'" onMouseout="this.style.background='#666666 '"  border=2 ><div align="left"><span class="style7"> Regras</span></div></TD>
  </TR>
  <TR>
	<TD height="30" bordercolor=#000000 bgcolor=#666666 onMouseover="this.style.background='#E2E2E2'" onMouseout="this.style.background='#666666 '"  border=2 ><div align="left"><span class="style7"> Minha História</span></div></TD>
  </TR>
  <TR>
	<TD height="30" bordercolor=#000000 bgcolor=#666666 onMouseover="this.style.background='#E2E2E2'" onMouseout="this.style.background='#666666 '"  border=2 ><div align="left"><span class="style7">Equipes</span></div></TD>
  </TR>
  <TR>
	<TD height="30" bordercolor=#000000 bgcolor=#666666 onMouseover="this.style.background='#E2E2E2'" onMouseout="this.style.background='#666666 '"  border=2 ><div align="left"><span class="style7">Pilotos</span></div></TD>
  </TR>
  <TR>
	<TD height="30" bordercolor=#000000 bgcolor=#666666 onMouseover="this.style.background='#E2E2E2'" onMouseout="this.style.background='#666666 '"  border=2 ><div align="left"><span class="style7">Os campeões</span></div></TD>
  </TR>
  <TR>
	<TD height="30" bordercolor=#000000 bgcolor=#666666 onMouseover="this.style.background='#E2E2E2'" onMouseout="this.style.background='#666666 '"  border=2 ><div align="left"><span class="style7">Downloads</span></div></TD>
  </TR>
  <TR>
	<TD height="30" bordercolor=#000000 bgcolor=#666666 onMouseover="this.style.background='#E2E2E2'" onMouseout="this.style.background='#666666 '"  border=2 ><div align="left"><span class="style7">Acidentes</span></div></TD>
  </TR>
  <TR>
	<TD height="30" bordercolor=#000000 bgcolor=#666666 onMouseover="this.style.background='#E2E2E2'" onMouseout="this.style.background='#666666 '"  border=2 ><div align="left"><span class="style7">Matéria</span></div></TD>
  </TR>
  <TR>
	<TD height="30" bordercolor=#000000 bgcolor=#666666 onMouseover="this.style.background='#E2E2E2'" onMouseout="this.style.background='#666666 '"  border=2 ><div align="left"><span class="style7">Pneus</span></div></TD>
  </TR>
</TABLE>
<BR>


</body>
</html>

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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