如何在組中的所有其他圖像按鈕，一個新的按鈕被點擊

Question

a key http://www.bestmarketingnames.com/elementsDLS/art.jpga key http://www.bestmarketingnames.com/elementsDLS/beauty.jpga key http://www.bestmarketingnames.com/elementsDLS/business2.jpg

時，我有一個網頁與幾個「鑰匙」像上面的「復位」到一張圖像。當用戶點擊一個， 我希望它切換到藍色按鈕圖像。當用戶點擊不同的 按鍵時，我希望它切換爲藍色，其他按鈕變爲灰色。

總共會有大約鍵。他們也將被超鏈接。

我發現用CSS創建一個半解決方案「按鈕」，但它與IE瀏覽器，而不是Chrome工作：
http://archive.simurai.com/lab/buttons/#

我寧願用反正圖像切換做到這一點，但CSS會我的第二選擇。

這可以做到沒有一個巨大的混亂？

謝謝。

Answer 1

您可以使用jQuery與.addClass()和.removeClass()功能...也許是這樣的：

$("button").click(function(){ 
    $("button").removeClass("blue"); 
    $(this).addClass("blue"); 
}); 

jsfiddle

和你只需要讓你的.blue類風格的藍色的圖像按鈕的CSS 。

編輯：我添加圖像按鈕的例子，這樣你就可以得到一個想法：jsfiddle