클릭하면 자바 스크립트가 변경 배경 이미지

Question

안녕하세요, 나는 몇 가지 자바 스크립트에 문제가 있습니다. ,

<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> 

이 코드입니다 : 나는 (내 추격에이 상자에 숫자 1이 삽입) 무언가를 버튼을 배치하기 위해서 사업부가 있고 클릭 할 때 나는 버튼의 배경을 변경하려면 하지만 내 배경 이미지 변경을 무시합니다. 아무도 나를 도울 수 있습니까? 간단한 정보 : 나는 자바 스크립트에 대한 단서가있다.

고맙습니다. 자바 스크립트 구문을 변경하는 것이

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

참고 :이처럼 그것을 할 자바 스크립트를 사용하는 경우

Answer 1

왜 그냥이

<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

같은 JQuery와에게 간단한을 사용하지 말아 배경 이미지 대신에 backgroundImage를 사용합니다.

Answer 3

난 당신이 CSS에서이 같은 것을 사용 할 수 있기를 바랍니다 :

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

그것이 작동 희망과 일을 사용하기는 매우 간단하다 : 변화 배경 이미지를 클릭

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

.