PUBLICIDADE
Este código tem nota
10

Autor

angelojrdf

Angelo Resende Júnior

membro deste dezembro de 2006

Tags

Compartilhe e guarde

  • Rec6
  • StumbleUpon
  • ueba
  • linkk
  • dihitt
  • linkloko
  • linkto
  • Technorati
  • Simpy
  • del.icio.us
  • Faves: Fave It!

PUBLICIDADE

Enquete

Que programa de afiliados é mais rentável?

Alterar cor da linha de uma tabela com o passar do mouse


Com este código é possível criar um efeito na linha da tabela ao passar o mouse em cima, a cor de fundo da linha da tabela é modificada dando a impressão de seleção.

Um bom e simples script para incrementar seu site.

*´¨) AN-ICE
¸.•´¸.•*´¨) ¸.•*¨)
(¸.•´ (¸.•` * ANGELO JÚNIOR (.)(.)
<html>
<head>
<title>.:: C&oacute;digo Fonte ::.</title>
</head>
<body bgcolor="#FFFFFF" text="#000000">
<table width="50%" border="1" cellspacing="0" cellpadding="0" align="center">
<tr> 
<td height="103"> 
<div align="center"><font color="#0000CC">Passe o mouse sobre as linhas para ver o resultado!</font></div>
</td>
</tr>

<tr style="cursor:default" onMouseOver="javascript:this.style.backgroundColor='#C0B085'" onMouseOut="javascript:this.style.backgroundColor=''"> 
<td height="5"><div align="center">Linha 01 da tabela</div></td>
</tr>

<tr style="cursor:default" onMouseOver="javascript:this.style.backgroundColor='#C0B085'" onMouseOut="javascript:this.style.backgroundColor=''"> 
<td height="2"><div align="center">Linha 02 da tabela</div></td>
</tr>

<tr style="cursor:default" onMouseOver="javascript:this.style.backgroundColor='#C0B085'" onMouseOut="javascript:this.style.backgroundColor=''"> 
<td height="2"><div align="center">Linha 03 da tabela</div></td>
</tr>

<tr style="cursor:default" onMouseOver="javascript:this.style.backgroundColor='#C0B085'" onMouseOut="javascript:this.style.backgroundColor=''"> 
<td height="2"><div align="center">Linha 04 da tabela</div></td>
</tr>

<tr style="cursor:default" onMouseOver="javascript:this.style.backgroundColor='#C0B085'" onMouseOut="javascript:this.style.backgroundColor=''"> 
<td height="2"><div align="center">Linha 05 da tabela</div></td>
</tr>

<tr> 
<td height="82"> 
<div align="center"><font size="1"><a href="http://www.codigofonte.com.br">www.codigofonte.com.br</a></font></div>
</td>
</tr>
</table>
</body>
</html>

Sim   Não   Este código foi útil para você?
NotaComentário
10
denunciar
usertop comentou em 3/10/2009

Muito bonito

Realmente ficou muito bom bem bonito otimo
10
denunciar
kennyhard comentou em 29/9/2009

Caramba, tu é um gênio!

Ângelo, ficou muito bom. Muito útil para sites. Não sei como ninguém teve a coragem de comentar antes. Sem mais palavras.

Kenny Hard - SYOH Blog.
Regras:
Os comentários seguem as seguintes regras:
  • Todos os comentários são enviados por membros cadastrados no site.
  • A pontuação de comentários de conteúdo do próprio membro não serão computados.
  • Os comentários serão pré-aprovados, porém a equipe do site revisará o conteúdo de todos os comentários podendo ser invalidados (inclusive a pontuação).
  • Os comentários precisam ter, obrigatóriamente, coerência sobre o conteúdo que será comentado.
  • O membro que atingir 5 comentários invalidados não poderá mais comentar dentro do site. Com isso o membro não poderá mais ganhar pontos com comentários.
  • Há um limite de 10 comentários por dia para cada membro.
  • Qualquer comentário após ter sido publicado poderá ser retirado através da opção ( denunciar)

Comente

     (ainda não tem cadastro? clique aqui!)

Máximo de 30 caracteres

Máximo de 255 caracteres
 

R&W Consulting - Soluções Web Hospedagem UOL HOST PagSeguro - solução para pagamentos online
© 2006-2009 R&W Informática Ltda. - Todos os direitos reservados.