Question

我输入了类型＆＃39;按钮＆＃39;有背景，并想知道如何通过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
   });

 });

触摸开始时灰色表单按钮

1 个答案: