Ir para conteúdo

POWERED BY:

Arquivado

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

Creator

Menu mouse em cima

Por , em Javascript

Recommended Posts

Creator    0

Creator
Postado

oi eu achei esse script de menu...q muda a cor da tabela qdo passa o mouse em cima...eu queria saber se tem como a hora q passar o mouse em cima muda a cor do link tambem

 

 

Obrigado

 

daniel

 

<html><head><meta name="GENERATOR" content="Microsoft FrontPage 6.0"><meta name="ProgId" content="FrontPage.Editor.Document"><meta http-equiv="Content-Type" content="text/html; charset=windows-1252"><title>Menu na tabela</title><script language=JavaScript><!--function mOvr(src,clrOver) {if (!src.contains(event.fromElement)) {src.style.cursor = 'hand';src.bgColor = clrOver;}}function mOut(src,clrIn) {if (!src.contains(event.toElement)) {src.style.cursor = 'default';src.bgColor = clrIn;}}function mClk(src) {if(event.srcElement.tagName=='TD'){src.children.tags('A')[0].click();}}//--></SCRIPT></head><body><table border="0" width="19%" cellspacing="0" cellpadding="0">	<tr>			  <td  height=32 bgcolor="#065182">				<p align="center">				<b><font color="#FFC93A" size="1" face="Verdana">Titulo do menu</font></b></td>			</tr>	<tr>			  <td bgcolor=#000000 height="1">				<font color="#D9D2B0" size="1" face="Verdana">				<img height=1 				  src="#" 				  width=1></font></td>			</tr>	<tr>			  <td bgcolor=#89A5AB height="1">				<font color="#36476E" size="1" face="Verdana">				<img height=1 				  src="#" 				  width=1></font></td>			</tr>	<tr>			  <td onMouseOver="mOvr(this,'#034F81');" onClick=mClk(this); 				onMouseOut="mOut(this,'#156DAB');" bgcolor=#156DAB				  height=22>				 <a href="#" onClick="link01(); return false;">			 					<span style="text-decoration: none">			 				<font face="Times New Roman" size="1" color="#ffffff"> 					</font></span></a><A href="#"><font color="#36476E" size="1" face="Times New Roman"><span style="text-decoration: none"> </span></font><span style="text-decoration: none"><font face="Times New Roman" size="1" color="#FFE193"> ►</font><font color="#36476E" size="1" face="Times New Roman"> </font> </span> <strong style="font-weight: 400"> <span style="text-decoration: none"> <font face="Times New Roman" size="1" color="#FFFFFF">  </font><font color="#EBEBEB" size="1" face="Verdana">Link					1</font></span></strong></A></td>  </tr>	<tr>			  <td bgcolor=#000000 height="1">				<font color="#36476E" size="1" face="Verdana">				<img height=1 				  src="#" 				  width=1></font></td>			</tr>	<tr>			  <td bgcolor=#5092C0 height="1">				<font color="#36476E" size="1" face="Verdana">				<img height=1 src="#" width=1></font></td>			</tr>	<tr>			  <td onMouseOver="mOvr(this,'#034F81');" onClick=mClk(this); 				onMouseOut="mOut(this,'#156DAB');" bgcolor=#156DAB				  height=22><A href="java script:janelas('o_programa/o_programa_equipe.html')">				<font color="#36476E" size="1" face="Times New Roman">				</font></A><A href="#"><font color="#36476E" size="1" face="Times New Roman"><span style="text-decoration: none"> </span></font><span style="text-decoration: none"><font face="Times New Roman" size="1" color="#FFE193"> ►</font><font color="#36476E" size="1" face="Times New Roman"> </font> </span> <strong style="font-weight: 400"> <span style="text-decoration: none"> <font face="Times New Roman" size="1" color="#FFFFFF">  </font><font color="#EBEBEB" size="1" face="Verdana">Link				2</font></span></strong></A></td>  </tr>	<tr>			  <td bgcolor=#000000 height="1">				<font color="#D9D2B0" size="1" face="Verdana">				<img height=1 				  src="#" 				  width=1></font></td>			</tr>	<tr>			  <td bgcolor=#5092C0 height="1">				<font color="#36476E" size="1" face="Verdana">				<img height=1 				  src="#" 				  width=1></font></td>			</tr>	<tr>			  <td onMouseOver="mOvr(this,'#034F81');" onClick=mClk(this); 				onMouseOut="mOut(this,'#156DAB');" bgcolor=#156DAB				  height=22><A href="java script:fotos('envia_formularios/pedido_musica.html')" style="text-decoration: none">				  </a><A href="#"><font color="#36476E" size="1" face="Times New Roman"><span style="text-decoration: none"> </span></font><span style="text-decoration: none"><font face="Times New Roman" size="1" color="#FFE193"> ►</font><font color="#36476E" size="1" face="Times New Roman"> </font> </span> <strong style="font-weight: 400"> <span style="text-decoration: none"> <font face="Times New Roman" size="1" color="#FFFFFF">  </font><font color="#EBEBEB" size="1" face="Verdana">Link				  3</font></span></strong></A></td>  </tr>	<tr>			  <td bgcolor=#000000 height="1">				<font color="#36476E" size="1" face="Verdana">				<img height=1 				  src="#" 				  width=1></font></td>			</tr>	<tr>			  <td bgcolor=#5092C0 height="1">				<font color="#36476E" size="1" face="Verdana">				<img height=1 				  src="#" 				  width=1></font></td>			</tr>	<tr>			  <td onMouseOver="mOvr(this,'#034F81');" onClick=mClk(this); 				onMouseOut="mOut(this,'#156DAB');" bgcolor=#156DAB				  height=22>				  <A href="file:///D:/Internet%20Webs/Paginas/Padre%20Paulo/NOVO%20SITE/oracoes/formulario/pedido_oracao.html" target=_blank>				<font color="#FFFFFF" size="1" face="Times New Roman">					</font></A><A href="#"><font color="#36476E" size="1" face="Times New Roman"><span style="text-decoration: none"> </span></font><span style="text-decoration: none"><font face="Times New Roman" size="1" color="#FFE193"> ►</font><font color="#36476E" size="1" face="Times New Roman"> </font> </span> <strong style="font-weight: 400"> <span style="text-decoration: none"> <font face="Times New Roman" size="1" color="#FFFFFF">  </font><font color="#EBEBEB" size="1" face="Verdana">Link					4</font></span></strong></A></td>  </tr>	<tr>			  <td bgcolor=#000000 height="1">				<font color="#D9D2B0" size="1" face="Verdana">				<img height=1 				  src="file:///D:/Internet%20Webs/Paginas/Padre%20Paulo/NOVO%20SITE/pastel%20cheddar´s\x(1).gif" 				  width=1></font></td>			</tr>	<tr>			  <td bgcolor=#5092C0 height="1">				<font color="#36476E" size="1" face="Verdana">				<img height=1 				  src="file:///D:/Internet%20Webs/Paginas/Padre%20Paulo/NOVO%20SITE/pastel%20cheddar´s\x(1).gif" 				  width=1></font></td>			</tr></table></body></html>
Obrigado

 

Daniel

Compartilhar este post

Link para o post
Compartilhar em outros sites

WolverineHack    0

WolverineHack
Postado

e ae Daniel, beleza?

tem jeito do link mudar de cor sim, usando css, dë

uma olhada nos artigos de css do imasters, tem bastante coisa lah.

você acha um menu mais ou menos desse tipo com bem menos linhas de codigo.

para mudar a cor do link você pode usar uma classe:

<style type="text/css">

<!--

a:link {

color:#FF0000;

text-decoration:none;

}

a:visited {

color:#999999;

text-decoration:none;

}

a:hover {

color:#000000;

text-decoration:underline;

}

a:active {

color:#00FF00;

text-decoration:underline;

background-color:#000000;

}

-->

</style>

 

espero que eu tenha ajudado.

falow velho.

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