jquery - 使用 jQuery 动画大纲

Question

我想提请注意特定的表格行，但要在其周围放置一个轮廓。

我可以这样添加：

$("#myTable tr:last-child").css("outline", "#c00 solid 2px");

但我想先淡化这个轮廓，几秒钟后淡出它。

我知道有一个 .animate() 函数，但我不知道如何在这种情况下合并它。

Answer 1

jquery-color应该满足您的需求。

<div style="outline: solid 10px rgba(255,0,0,0)" />

$("div").animate({
    outlineColor: "rgba(255, 255, 0, 1.0)" 
}, 5000);

例子

Answer 2

您可以使用 jQuery ui 的addClass()。这种方式只是让边界成为一个类，然后给它一个持续时间

$("#myTable tr:last-child").addClass( "outline", 1000);

设置超时，然后以相同的方式删除该类。