だから私は3つの円とjqueryスライダーを持つナビゲーションを持っています。
デフォルトでは、最初の円が点灯し、ユーザーが2番目の円をクリックすると、スライダーが2番目のdivに移動し、その円が点灯して1番目の円が暗くなります。これは、3番目のサークルでも同じように機能します。
すべてが正常に動作します、これはコードがどのように見えるかです
<img name="bullet1" height="30px" width="30px" src="img/bulletwhite.png" onmousedown="this.src='img/bulletwhite.png';document.images['bullet2'].src='img/bullet.png';document.images['bullet3'].src='img/bullet.png'" style="opacity:0.4;filter:alpha(opacity=40)"/>
<img name="bullet2" height="30px" width="30px" src="img/bullet.png" onmousedown="
this.src='img/bulletwhite.png';document.images['bullet1'].src='img/bullet.png';document.images['bullet3'].src='img/bullet.png'" style="opacity:0.4;filter:alpha(opacity=40)"/>
<img name="bullet3" height="30px" width="30px" src="img/bullet.png" onmousedown="
this.src='img/bulletwhite.png';document.images['bullet1'].src='img/bullet.png';document.images['bullet2'].src='img/bullet.png'" style="opacity:0.4;filter:alpha(opacity=40)"/>
次のタスクは、円にホバー効果を追加することですが、ホバー効果を与えると、画像のsrcが変更されますよね？そのため、オンマウスアウトがトリガーされたときに元に戻すには、円が以前に点灯していた場合でも、常に薄暗い円になります。
だから私の基本的な質問はこれです、onmouseoverがそれを変更する前に画像のsrcを覚えて、それを使ってonmouseoutがトリガーされたときにそれを以前の状態に戻す方法はありますか？それが理にかなっていることを願っています:)
どんなアドバイスも役に立ちます！