2012-04-12 130 views
1

我有一個CSS風格的綠色或藍色,取決於第n個孩子的顏色。我使用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,忘了哈希(鍵入它,而不是複製粘貼)。有沒有辦法做到這一點沒有存儲它? – 2012-04-12 05:23:14

+0

據我所知,一旦你改變了一個元素的屬性(例如背景顏色),它就保持這種方式,並且沒有方便的引用原來的東西。 – 2012-04-12 05:27:29

+0

好的,謝謝。我擔心是這樣。 – 2012-04-12 05:32:42

0

可以保存它的第一個背景色入一個變量,然後使用它:

orange = $("yo").css("background-color")