質問: サイトのメニューの表示について質問させて頂きます。 メニューをhoverすると(a:hover{background-color:#~}などのやり方で 背景の色を変えるというのはよく聞くのですが、 下記のサイトのメニューのようにホバー時の画像を別に用意して表示させて いる場合は、どのようなやり方で表示させているのでしょうか? javascriptか何かを使用してhover時に画像を切り替えているのでしょうか? (https://www.tempstaff.co.jp/staff/) メインメニュー:(例;トップのタブ) ![イメージ説明](https://teratail.storage.googleapis.com/uploads/contributed_images/40113e7c141d42a5f28082838fc88344.png) ![イメージ説明](https://teratail.storage.googleapis.com/uploads/contributed_images/dac26bf222add4f5f7017b85ada37686.png) 初心者ですみませんが、わかる方いましたら教えてください。 宜しくお願いいたします。
回答: ブラウザに付属している開発ツールを使って、調査できます。 CSSやJavaScriptは基本的に誰でもソースコードを見ることができるのですから、こうしたツールを使って調べてみましょう。 !イメージ説明 マウスを動かすと、src 属性が書き換わっているので、JavaScript でやっているんだということはわかると思います。