animated highlighting of table row using jquery
<p>I would like to change (animated) the color of the table row if the mouse is over it. Could you help me to do this? Thanks.</p>

<pre><code>td{width:200px;text-align:center; background-color:gray;}


$('tr').mouseover(function() {
    $(this).animate
        ({ backgroundColor: "red" }, 1000);
});

$('tr').mouseout(function() {
    $(this).animate
        ({ backgroundColor: "gray" }, 1000);
});
</code></pre>

<p><a href="http://jsfiddle.net/NXejr/10/" rel="nofollow">http://jsfiddle.net/NXejr/10/</a></p>
