觸摸開始時的灰色表單按鈕

Question

我有一個輸入類型的'按鈕'與背景，並想知道如何通過JavaScript灰色背景。它的CSS看起來是這樣的：

background:url(../img/cameraPic.png) no-repeat center; 

當有人觸摸它，我希望它通過灰色，而它被壓下時作出迴應。這種功能的骨架看起來像這樣，但我不知道如何改變背景顏色。

$("#myButton").bind('touchstart', function(e){ 
    //...What to put here?  
}); 

有沒有人有任何想法？我應該使用灰度（）CSS屬性，或者只是製作一個新的圖像，並用新圖像替換背景每次被按下？

Answer 1

這樣的事情？ Example

$("button").bind('touchstart', function(e){ 
    e.preventDefault(); 
    $(this).css({ 
    'background-color':'grey', 
    opacity:0.3 
    }); 

}); 

$("button").bind('touchend', function(e){ 

    $(this).css({ 
    'background-color':'transparent', 
    opacity:1 
    }); 

});