0

カラーアニメーションにJQueryを使用しようとしています（jquery-uiとjquery.colorを使用）。backgroundColorで問題なく動作します

function t1() {
    $('#i1').animate({backgroundColor: '#0f0'}, 1000, t2);
    //$('#i1').animate({borderColor: '#0f0'}, 1000, t2);
}
function t2() {
    $('#i1').animate({backgroundColor: '#00f'}, 1000, t1);
    //$('#i1').animate({borderColor: '#00f'}, 1000, t1);
}

t1();

ただし、borderColorでは同じコードが正しく機能しません（jqueryが各アニメーションの前に色を#fffにリセットするようです）。

デモ（境界線と背景を同じ色にしたい）：http：//jsfiddle.net/xqCNx/

4

1 に答える 1

0

解決策は簡単です。borderColor の代わりに、borderLeftColor、borderRightColor、borderTopColor、borderBottomColor を使用してください。

于 2012-08-13T10:06:51.073 に答える