1

私はとの基本的な知識を持っているかなり初心者のウェブ開発HTML CSSですJavaScript。私は小さなブログページを持っています。これにより、ユーザーはブログ投稿のタイトルに賛成票を投じることができます。これは、SoFの質問と同じです。

したがって、私が直面している問題は、ユーザーがアイコンをクリックした後、アイコン（スプライトにある）をどのように変更すればよいかわからないことです。だから、一言で言えば

(Page1) icon1.png --> User Clicks --> (Page1) icon2.png

icon1.pngとicon2.pngは私の中にありますsprites.png

JSはこれを実現する方法だと思いますが、そうなのかどうか疑問に思っていました（何らかのAJAX方法でそれを行っているのでしょうか）。

ありがとう。

4

2 に答える 2

1 
    $(function(){
    $('#SELECTOR').click(function(){
    $('#icon1').css('background-position','0px, 120px') //whtever bg position
     });
     })
于 2013-03-20T12:03:53.280 に答える
0

以下のようにJavaScriptを使用できます。

クリックするとbackground画像の位置が設定されます。

document.getElementById('SELECTOR').style.backgroundPosition='0px 150px';

画像の位置を変更したい場所SELECTORはどこですかelement's ID

あなたが言ったように、あなたはスプライト画像を持っているので、それに応じて画像の位置を設定する必要があります。

于 2013-03-20T11:46:03.230 に答える