的Javascript背景色切換

我試圖使用JavaScript來控制表單元素的背景顏色，是我到目前爲止有：的Javascript背景色切換

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('option.POIs').click(function() { 
     $(this) 
      .css('background-color','#EE178C') 

     }); 
    }); 

    </script>

它工作得很好，不過，我想爲它之間切換不同的顏色。默認顏色是#FFFFFF，另一個是＃EE178C。所以，當頁面加載時，bg顏色爲#FFFFFF，當我點擊該項目時，bg變爲＃EE178C，並且如果再次單擊它，它將返回到#FFFFF。

任何幫助，將不勝感激！

來源

2012-01-12 J4s0nn3w

FYI

.POIs{background:#fff}.POIs.toggle{background:#EE178C}

腳本

$('option.POIs').click(function() {$(this).toggleClass('toggle')})

來源

2012-01-12 01:21:07

太酷了:-) – 2012-01-12 01:35:21

很高興我們同意:) @SergioTulentsev – 2012-01-12 01:37:00

你應該可以在你的CSS中使用:focus僞選擇器。沒有JavaScript要求。

來源

2012-01-12 01:00:38

若他們想切換顏色而不失去焦點，這似乎是這樣。 – 2012-01-12 01:03:11

這是怎麼回事？

var isDefaultColor = true; 
var defaultColor = '#FFFFF'; 
var alternateColor = '#EE178C'; 

if(isDefaultColor) 
    $(this).css('background-color', alternateColor); 
else 
    $(this).css('background-color', defaultColor); 

isDefaultColor = !isDefaultColor;

來源

2012-01-12 01:01:12

不可靠的，因爲我發現了困難的方式。某些瀏覽器將您的輸入更改爲'rgb（）'格式。我建議使用變量'isColor1'並在背景顏色切換時切換它。 – 2012-01-12 01:02:29

@Kolink：好點:-) – 2012-01-12 01:04:03

的Javascript背景色切換

回答

相關問題