Javascript jQuery动画问题

我的函数看起来是这样的

$.fn.animateHighlight = function(highlightColor, originalColor, type, duration) {
    var highlightBg = highlightColor || "#FFFF9C";
    var animateMs = 500;
    var animateVal1 = {};
    animateVal1[type] = highlightColor;
    var animateVal2 = {}; 
    animateVal2[type] = originalColor;
    this.stop().animate(animateVal1, animateMs).delay(duration).animate(animateVal2, animateMs);
};

 $("#variants").animateHighlight("red", "#9c9c9c", "borderColor", 3000);

这么叫这个

$.fn.animateHighlight = function(highlightColor, originalColor, type, duration) {
    var highlightBg = highlightColor || "#FFFF9C";
    var animateMs = 500;
    var animateVal1 = {};
    animateVal1[type] = highlightColor;
    var animateVal2 = {}; 
    animateVal2[type] = originalColor;
    this.stop().animate(animateVal1, animateMs).delay(duration).animate(animateVal2, animateMs);
};

 $("#variants").animateHighlight("red", "#9c9c9c", "borderColor", 3000);

问题是,

这是字段集的默认边框颜色

这是动画后的颜色

我知道动画为元素添加了额外的样式属性。我想做的是，返回原始字段集边框颜色移除样式属性将返回原始边框颜色

试图将函数的最后一行更改为此

this.stop().animate(animateVal1, animateMs).delay(duration).animate(animateVal2, animateMs).removeAttribute('style');

动画片甚至没有开始

---

闪烁后如何设置动画并重置为原始版本？

我认为这两种方法都适用

this.stop().animate(animateVal1, animateMs).delay(duration).animate(animateVal2, animateMs, function() {
    this.removeAttribute('style');
});

1.如果在样式属性中为VariantDiv使用边框颜色，则删除样式属性时，默认样式将在样式中丢失。所以你应该保持第一个边框颜色

例如：

2.如果你不使用样式，你可以这样做。 动画制作完成后，可以调用此代码

$(this).attr('style','');

例如：

---

İ可以直接设置动画和重置吗？我的意思是不使用第二种颜色，而是直接使用原始状态？不知道，尝试只将边框颜色设置为透明，然后看看它是否有效，不过您可能必须使用rgba颜色。