javascript - 如何在 IE6 或 7 中淡出一行 (TR)

Question

我正在使用 JQuery 在用户单击行 (TR) 上的删除按钮时淡出行 (TR)。通过淡出，我的意思是整行 (TR) 背景颜色更改为淡红色，然后逐渐变为白色并消失。这是一个很棒的小动画，可以向用户展示对所做操作的即时 react 。

JavaScript 看起来像这样:

$(tr).css("background-color", "rgb(255,200,200)");
$(tr).fadeOut(500, RemoveDomElement);

这在 Firefox、Safari、Opera 和 Chrome 中运行良好，但在 IE 中当然不行。 IE 将执行代码并完成清理，但不会显示实际的淡出动画。

我能为 IE 做什么？

Answer 1

淡出(并移除)子单元格 (TD) 而不是行。

这样做:

$(tr).children().css("background-color", "rgb(255,200,200)");
$(tr).children().fadeOut(500, RemoveDomElement);

即使每个 TD 都在做自己的事情，这对人眼来说也足够快，就像只是淡化/移除 TR 一样。