2012-04-12 6 views
1

n番目の子の色に応じて、緑色または青色のCSSスタイルのdivがあります。私は Jquery + CSSのデフォルトのBG色

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

を使用してオレンジ色に設定して、私はjQueryの

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

しかし、どちらも透明、継承、ヌル、または「」作品を使用して元の色にそれをアニメーション化します。

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

答えて

1

「ヨーヨー」への参照は、ハッシュ、例えば接頭辞する必要があります:それは問題ではない場合

$('#yo') 

復元、その後、divの中のデータとして元の色を保存することができそれ以降:その後、

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

$('#yo').animate({ backgroundColor: $('#yo').data('original-color') }, 500); 
+0

Woopsは、(コピーしないで貼り付け、それを入力した)ハッシュを忘れてしまいました。それを保管せずに行う方法はありますか? –

+0

私が知っている限り、要素のプロパティ(背景色など)を変更すると、そのように保持され、元のものへの便利な参照はありません。 –

+0

申し訳ありませんが、ありがとうございます。私はそれが事実であることを恐れた。 –

0

あなたが変数にその第1の背景色を保存し、それを使用することができます。

orange = $("yo").css("background-color") 
関連する問題