2

jQueryを使用してHTMLラベルの境界線をフェードアウトしようとしています。.animate()たくさん検索した結果、jQueryの関数がそのために役立つかもしれないことがわかりました。しかし、私はそれを正しく実装することができません。これが私が取り組んでいるjsfiddleです。$("#lbl").animate({border-bottom: 'border-bottom: 1px solid #D8D8D8'});ボタンクリック方式で使ってみました。しかし、それはうまくいきませんでした。私に知らせてください、私は何が間違っているのですか？またはこれを達成する他の方法はありますか？

4

2 に答える 2

7

jQuery UIを使用して、次のように境界線の色をアニメーション化します。

$("#lbl").animate({
    "border-color": "#fff"
});

デモ：http： //jsfiddle.net/7Vc9u/9/

アップデート。border-color（または）はborderColor、アニメーション化のためのクロスブラウザプロパティではなく、FFおよびIEでは機能しないようです（以下のコメントを参照）。各境界線のプロパティは個別に変更できます。正常に動作するはずです。

$("#lbl").animate({
    "borderBottomColor": "#fff",
    "borderLeftColor": "#fff",
    "borderRightColor": "#fff",
    "borderTopColor": "#fff"
});

デモ：http： //jsfiddle.net/7Vc9u/11/

于 2012-06-19T10:01:46.847 に答える
4

これを試して ：

$("#lbl").animate({
    "border-color": "#fff"
},1000);

これにより、1秒間で境界線の色が白にアニメーション化されます（2番目のパラメーターはanimate-1000ミリ秒）。

使用する場合は、 jQueryUIを使用.animate()する必要があります。

ここでjsfiddleを動作させる

于 2012-06-19T10:03:33.507 に答える