Ir para conteúdo

POWERED BY:

Arquivado

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

pulao

[Resolvido] Tabela com efeito

Por , em Javascript

Recommended Posts

pulao    0

pulao
Postado

bom dia queria saber qual o nome do efeito para eu procurar scripts para adaptar e estudar sobre aquele efeito em tabelas quando voce passa o mouse sobre as linhas elas vao para uma cor onde o mouse estiver por cima, como o efeito (hover).

desde ja agradeço a atenção.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

o efeito em si, é feito com css.

 

javascript nos eventos onmouseover e onmouseout, manipulando css.

estude sobre DHTML

Compartilhar este post

Link para o post
Compartilhar em outros sites

pulao    0

pulao
Postado

encontrei aqui

 

<td bgcolor="#E8E8E8" onmouseover="bgColor='#CCCCCCC'" onmouseout="bgColor='#FFFFFFF'">sdsds</td>

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

minha sugestão:

 

http://wbruno.com.br/blog/2011/03/12/destacar-tr-de-tabela-zebrada-ao-passar-o-mouse-voltando-a-cor-original-ao-sair/

Compartilhar este post

Link para o post
Compartilhar em outros sites

Bruno Augusto    417

Bruno Augusto
Postado

Como dito, o efeito é feito com CSS. Mas dispensa JavaScript para fazer:

 

<html>
<head>
<style type="text/css">
table {
   width: 100%;
}
td {
   border: 1px solid #000;
}
td:hover {
   background-color: #E0E0E0;
}
</style>
</head>
<body>

<table>
   <tr>
       <td>Linha 1</td>
   </tr>
   <tr>
       <td>Linha 2</td>
   </tr>
   <tr>
       <td>Linha 2</td>
   </tr>
</table>
</body>
</html>

Nota: Não adicionei tudo que um HTML precisa para ser válido, como tag <title> ou mesmo um DOCTYPE. É só para ilustrar.

Compartilhar este post

Link para o post
Compartilhar em outros sites

pulao    0

pulao
Postado

show de bola os modelos, W.Bruno caiu mto bem para o que eu procurava fazer e Bruno Augusto mto obrigado pela sugestão

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