Ir para o conteúdo

Destacar Tr De Tabela Zebrada, Ao Passar O Mouse. Voltando A Cor Original Ao Sair


Criado por Bruno, Out 14 2010 18:15

Não há respostas para este tópico
  • Por favor, faça o login para responder

#1 Bruno

Bruno
  • Bruno
  • Colaborador
  • 33 Revisões

Revisou 14 outubro 2010 - 18:15

<html>

<head> 

<script type="text/javascript">

function id( el ){

	return document.getElementById( el );

}

var cor_antiga;

window.onload = function()

{

	var trs = id('lista').getElementsByTagName('tr');

	for( var i=0; i<trs.length; i++ )

	{

		trs[i].onmouseover = function()

		{

			cor_antiga = this.style.backgroundColor;

			this.style.backgroundColor = '#ff0';

		}

		trs[i].onmouseout = function()

		{

			this.style.backgroundColor = cor_antiga;

		}

	}

}



</script>

<style type="text/css">

.dif {

	background: #ccc;

}

</style>

</head>

<body>

	<table id="lista">

		<thead>

			<tr>

				<th>ID</th>

				<th>Nome</th>

				<th>Editar</th>

				<th>Excluir</th>

			</tr>

		</thead>

		<tbody>

			<tr class="dif">

				<td>1</td>

				<td>Bruno</td>

				<td>edit</td>

				<td>del</td>

			</tr>

			<tr>

				<td>7</td>

				<td>Rocha</td>

				<td>edit</td>

				<td>del</td>

			</tr>

			<tr class="dif">

				<td>15</td>

				<td>Moraes</td>

				<td>edit</td>

				<td>del</td>

			</tr>

		</tbody>

	</table>

</body>

</html>






1 usuário(s) está(ão) lendo este código

1 membro(s), 0 visitante(s) e 0 membros anônimo(s)