jQuery动画边框

Question

您好我正在尝试为输入的边框设置动画，但无论我如何设置边框，它似乎都没有动画效果。

我目前的代码：

$(this).animate({border : '1px solid #f00'}, 'slow', 'linear');

Answer 1

您需要一次为一个参数设置动画。

border-width : '1px'

或

border-color : '#f00'

Answer 2

您必须设置边框颜色和样式css属性 在完整的jquery：

$(this).css({borderColor:"#f00",borderStyle:"solid"}).animate({borderWidth : '3px'}, 'slow', 'linear');

你需要在jquery中设置动画边框颜色的插件，请检查： http://www.bitstorm.org/jquery/color-animation/

然后..

$(this).animate({borderColor: '#f00'});

也许这可以帮助别人......