0

我正在尝试对使用 $.ajax 插入到表中的表条目创建脉动效果。

表格行具有奇数/偶数类，使表格看起来像斑马（奇数行具有较浅的背景）。

添加新表行时，它将被附加到表中，因此我只是检查最后一行 ( table tr:last) 是否具有“奇数”类。如果是这样，那么我将“偶数”类添加到新附加的行中，否则我将“奇数”类添加到它。

无论如何，我怎样才能使新行从红色淡化为适用于它的奇数/偶数类的任何背景颜色。

我试过：

new_row.addClass(odd_or_even_class); // here the class is decided
var currentColor = new_row.css('background-color'); 
new_row.css('background-color', '#FF99CC')
       .animate({backgroundColor: currentColor}, 1000);

但由于某种奇怪的原因，它会变成白色......

我认为这与“currentColor”变量的值有关，它看起来不像rgba(...)是十六进制值。也许 $.animate 只接受十六进制值？

4

2 回答 2

2

默认情况下，动画不支持 RGBA。

这是一个替代解决方案：http: //pioupioum.fr/sandbox/jquery-color/

于 2012-05-14T13:00:46.690 回答
1

来自 jQuery 动画文档：

所有动画属性都应动画为单个数值，除非以下说明；大多数非数字属性无法使用基本的 jQuery 功能进行动画处理（例如，宽度、高度或左侧可以进行动画处理，但背景颜色不能进行动画处理，除非使用了 jQuery.Color() 插件）。除非另有说明，否则属性值被视为像素数。可以在适用的情况下指定单位 em 和 %。 http://api.jquery.com/animate/

所以 Johan 的回答是对的，你需要使用jQuery Color plugin之类的东西。我只是将其添加为对他的回答的评论，但我认为我还没有代表。

于 2012-05-14T13:11:59.367 回答