-1

こんにちは、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 についてほとんど手がかりがありません。

とにかくありがとうございました。

4

3 に答える 3

4

JavaScript を使用する場合は、次のようにします。

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

backgroundImage を使用する background-image の代わりに、javascript が構文を少し変更することに注意してください。

于 2013-03-10T14:44:13.557 に答える
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/

于 2013-03-10T14:40:34.327 に答える
0

css で次のようなものを使用できることを願っています。

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

クリックすると、背景画像が変更されます。

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

それが機能することを願っており、非常に使いやすいです。

于 2013-11-22T06:36:36.353 に答える