celdas en php y javascript?

[Garmauco]

Holas,,,,
bueno ahora ando con una duda pues estoy tratando de hacer que en una tabla que muesta registros en php,
y que da el color de las celdas con una funcion de esta forma

Código PHP:

 <table> 
<?php 
$sql="SELECT * FROM EMPLEADOS"; 
$res=mysql_query($sql); 
    while( $fila = mysql_fetch_array( $res ) ) { 
       $cco++; 
        if(($cco%2)==0){ 
       $color = 'c4c4b9'; 
    }else{ 
      $color = 'ffffff'; 
    }  
    echo "<tr bgcolor='$color'>"; 
    echo"<td>Nombre:</td>; 
    echo"</tr>"; 
   } 
?> 
</table>   

asi lo estoy haciendo para que las celdas pares queden de un color y las impares de otro;

pero de aqui radica mi problema pues estoy tratando de hacer en javascript que el cuando el puntero pase encima de una celda esta se ilumine,
pero no me funciona ,.. lo que hago es remplazar esto: echo "<tr bgcolor='$color'>"; por esto:
?> <tr onmouseover='this.style.background="#CCCCCC"' onmouseout='this.style.background= "#FFFFFF"' bgcolor='$color'> <?php

ojala alguien pueda ayudarme,... de antemano gracias

[erlingfiallos]

Este pequeño y rapido ejemplo te hara comprender mejor lo q quieres hacer.. y recuerda q siempre sera mejor usar clases para los estilos que ponerlos implicitamente sobre las etiquetas.

Código HTML:

<style type="text/css">
.bg1{
	background-color: #FFA500;			
}
.bg2{
	background-color: #cccccc;			
}
.bg3{
	background-color: #00FF00;			
}
</style>
  
<table cellspacing="0" cellpadding="0" width="300">
<tr class="bg1" onmouseover="this.className='bg3'" onmouseout="this.className='bg1'">
  <td>t00</td>
  <td>t01</td>
  <td>t02</td>
</tr>
<tr class="bg2" onmouseover="this.className='bg3'" onmouseout="this.className='bg2'">
  <td>t10</td>
  <td>t11</td>
  <td>t12</td>
</tr>
<tr class="bg1" onmouseover="this.className='bg3'" onmouseout="this.className='bg1'">
  <td>t20</td>
  <td>t21</td>
  <td>t22</td>
</tr>    
</table>