在點擊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'); 
} 

希望將工作和事情是使用它很簡單。