Fade In Row Background Color on Checkbox

Fade In Row Background Color on Checkbox

I want to make the row backgroud color fade in from bright yellow to white (or another color) when a user clicks the checkbox. I tried several options but cannot figure it out.
  1. <form name="f">
    <table id="Table" border="1"><tr>
        <td width="20"><input type="checkbox" name="cb1" id="cb1" value="y" /></td>
        <td width="596">Click me</td>
    </tr><tr>
        <td><input type="checkbox" name="cb2" id="cb2" value="y" /></td>
        <td>Click me</td>
    </tr><tr>
        <td><input type="checkbox" name="cb3" id="cb3" value="y" /></td>
        <td>Click me</td>
    </tr></table>
    </form>