jquery - jQuery 动画边框

Question

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

我当前的代码：

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

score 2 · Accepted Answer

2

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

border-width : '1px'

或者

border-color : '#f00'

于 2012-06-04T15:07:03.017 回答

score 1 · Accepted Answer

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

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

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

然后..

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

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

2 回答 2