1

n番目の子の色に応じて、緑または青のCSSスタイルのdivがあります。を使用してオレンジに設定しました

<div id='yo' class='alternatingcolors' style='background-color: #FF9900;'>hello</div>

jqueryのを使用して元の色にアニメーション化したい

$('yo').animate({ backgroundColor: 'transparent'}, 500);

ただし、transparent、inherit、null、または '' は機能しません。

元の色に戻すにはどうしたらいいですか？基本的に、以前の状態にアニメーション化したい: style='background-color: #FF9900;' 設定されました。

4

2 に答える 2

1

「yo」へのルックアップには、ハッシュをプレフィックスとして付ける必要があります。例:

$('#yo')

それが問題でない場合:

元の色をデータとして div に保存し、後で復元できます。

<div id='yo' data-original-color='#FF9900' class='alternatingcolors'>

それから：

$('#yo').animate({ backgroundColor: $('#yo').data('original-color') }, 500);
于 2012-04-12T05:22:05.720 に答える
0

最初の背景色を変数に保存してから使用できます。

orange = $("yo").css("background-color")
于 2012-04-12T05:24:51.050 に答える