在点击javascript更改背景图片

Question

您好，我有一个JavaScript的问题。我有一个div布局按钮谁做的东西（在我追逐它会在一个盒子插入1号），我想更改按钮的背景点击时：

<div id="nr1"><INPUT TYPE="button" NAME="one" OnClick="this.style = 'background-image:URL(images/totalback.gif);'; Calc.Input.value += '1'" style="width:45px; height:30px; background-color:transparent; border-style: none; border-width: 0px 0px 0px 0px"></div> 

这是代码，但它忽略了我的背景图像更改。谁能帮我？短信息：我对JavaScript有点线索。

无论如何谢谢你。

Answer 1

你为什么不只是使用jquery其简单的这样

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<script> 
    $(document).ready(function(){ 
     $('#nr1 input').on("click", function(){ 
     $(this).css({'background' : 'red'}); 
     }); 
    }); 
</script> 

http://api.jquery.com/css/

Answer 2

使用你做这样的javascript：

this.style.backgroundImage="url()"; 

注意：Java语言的语法已更改有点，而不是使用backgroundImage的背景图像。

Answer 3

我希望你可以使用像这样的CSS：

#your_btn_id{ 
    width:200px; 
    height:50px; 
    background-image: url('../images/inactive.png'); 
} 

当点击更改背景图片：

#your_btn_id:active{ 
    background-image: url('../images/active.png'); 
} 

希望将工作和事情是使用它很简单。