アドバイスをいただければ幸いです。これは、一部の Web ウィザードにとっては簡単なことだと思います。どうぞよろしくお願いいたします。
ユーザーがカーソルを合わせたときに .png の表示された部分を変更するために機能している css があります。
.small_icons ul li.companyButton .circle {background-position:0 0;}
.small_icons ul li.companyButton:hover .circle {background-position:0 -56px;}
ユーザーが画像をクリックしたときに位置を 0 -56px に保ち、ユーザーが別の画像をクリックしたときに 0 0 に戻したいと思います。これはすべて同じページで行われているので、JavaScript の onclick 関数を使用する必要があると思います。
javascript を使用して特定の css 要素にアクセスする方法がわかりません。私はもう試した:
document.getElementByClass("circle").style.background-position:0 -56px;
しかし、それは何も変わりません。.circle は .small_icons の子クラスである .companyButton の子クラスだからでしょうか。
どうもありがとう!