如何使用JQuery为表格的背景颜色设置动画？

Question

我有一个带有一些造型的桌子。就像：

<table class="table_design" id="cart">
   <tr>
       <td>something</td>
       <td>something else</td>
   </tr>
</table>

我试过了：

$("#cart").animate({backgroundColor: '#FF0000'}, 'slow');

和

$("#cart").effect("highlight", {}, 3000);

但是，他们都没有工作。

你推荐什么？

Answer 1

将jQuery UI纳入您的项目和.animate方法will animate colors。

<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.20/jquery-ui.min.js"></script>

您可以从Microsoft或Google托管的CDN获取。

Answer 2

你需要jquery-ui来做背景颜色的动画。 fiddle