title: animated highlighting of table row using jquery
body: <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>