Hover u tabulky

<table border="1"> 
<td bgcolor="silver">Text</td>

 <td width="25" bgcolor="silver">Z</td> 
<td width="25" bgcolor="silver">V</td> 
<td width="25" bgcolor="silver">R</td> 
<td width="25" bgcolor="silver">P</td> 
<td width="35" bgcolor="silver">S</td> 
<td width="35" bgcolor="silver">B</td> 
</tr>


 </table>

 <!-- Na pomoc si zavoláme jQuery -->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
// btw Skvelý tutoriál o jQuery je na zajtra.sk
// Výber elementu pomocou CSS selektoru
$('td:first-child').mouseover(function() { // Funkcia sa volá pri vstupe kurzoru
    var el = $(this);
    // Uložíme si pôvodnú farbu
    el.data('orig', el.css('backgroundColor'));
    // Prefarbíme
    el.css({backgroundColor: 'blue'});
}).mouseout(function() { // Funkcia sa volá pri odchode
    var el = $(this);
    // načítame pôvodnú a rovno zmeníme
    el.css({backgroundColor: el.data('orig')});
});
</script>

<style>
table td:first-child:hover
{
    color: blue;
}
</style>