Cambiar Background a las Celdas

Hola amigos, muchas veces tenemos una tabla en nuestro sitio web con múltiples valores, un listado de personas, medios básicos, etc. y a la vista se nos hace dificil distinguir bien los datos de una fila y otra, para resolver esto les traigo un código que utilizando la GRANDIOSA JavaScript podemos darle un toque de originalidad a nuestros proyectos web.

BackgroundPara ello incluimos dentro del <head></head>

<script type=”text/javascript”>
function cOn(tr){
tr.style.backgroundColor=”#EAEADA”;
}
function cOut(tr){
tr.style.backgroundColor=”#FFFFFF”;
}
</script>
Y dentro del body
 
<body>
<table width=”400″ border=”0″ cellspacing=”2″ cellpadding=”5″>
<tr onMouseOver=cOn(this); onMouseOut=cOut(this); onclick=clickCell(this);>
<td>1</td>
<td>karel</td>
<td>santana</td>
</tr>
<tr onMouseOver=cOn(this); onMouseOut=cOut(this);>
<td>2</td>
<td>reytor</td>
<td>vega</td>
</tr>
<tr onMouseOver=cOn(this); onMouseOut=cOut(this);>
<td>3</td>
<td>pepe</td>
<td>sdaf</td>
</tr>
</table>
</body>
Y ya está, saludos y a trabajar…

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *