jquery - jQueryは境界線をアニメーション化します

Question

こんにちは私は入力の境界線をアニメーション化しようとしていますが、境界線をどのように配置しても、アニメーション化されていないようです。

私の現在のコード：

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

Answer 1

一度に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'});

多分それは誰かを助けることができます...