Tabela com efeito Hover em JavaScript

Publicado por Enzo de Brito Ferber (última atualização em 10/06/2011)

[ Hits: 9.738 ]

Homepage: http://www.maximasonorizacao.com.br

Download table.zip




Código simples em javascript que mostra como fazer uma tabela e usar o efeito hover. (Quando você passa o mouse em uma linha da tabela ela muda de cor)
A tabela possibilita também a seleção de uma linha através do clique. Essa linha fica com uma cor diferente até que você clique nela novamente ou em outra. Apenas uma linha pode ser selecionada por vez.

core.js: rotina para pegar um elemento pela classe.
teffect.js: rotina para fazer os efeitos da tabela
fill.jpg: figura usada pelo arquivo table.css para estilizar o cabeçalho
table.css: estilos
table.html: ?????!!!!!

  



Esconder código-fonte

Vários arquivos.

Scripts recomendados

IFrame (página dentro de página)

Contador de acesso melhorado

Adicionando um texto em movimento

Colocando áudio em sua página HTML

Calendario simples


  

Comentários
[1] Comentário enviado por eddie21 em 11/06/2011 - 20:32h

ajuda muito pra iniciante como eu. mt bom

[2] Comentário enviado por gtcesar em 27/12/2011 - 12:37h

ola amigo tudo bem, bom gostaria de saber se foi vc quem criou o codigo acima, se for vc, meus parabens me ajudou muito, porem preciso de mais uma coisinha se puder ajudar seria util!!! gostaria de colocar um campo invisivel abaixo da tabela e quando clicar na linha pegar o id da mesma e preencher esse campo oculto, pois quero fazer como em um sistema delphi, agente seleciona a linha e abaixo temos os botoes editar e excluir


Contribuir com comentário




Patrocínio

Site hospedado pelo provedor RedeHost.
Linux banner

Destaques

Artigos

Dicas

Tópicos

Top 10 do mês

Scripts