使用jQuery动画轮廓

Question

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

我可以这样添加：

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

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

我知道有一个.animate（）函数，但在这种情况下我无法弄清楚如何合并它。

Answer 1

你可以使用jQuery ui的addClass()。这样只需将边框设为一个类，然后给它一个持续时间

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

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

Answer 2

jquery-color应该符合您的需求。

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

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

Example