html - 別のリンクにカーソルを合わせると画像が変化します

Question

私はこれを見つけました：jQueryでこれを行う方法を説明する画像を変更するには、テキストリンクにカーソルを合わせます。

jQueryやjavascriptなしでそれを行う方法はありますか?

これはhtml/cssだけで行うことができますか?

Answer 1

CSS の使用:

.myClass {
background-image:url(image1.jpg);
}

.myClass:hover {
background-image:url(image2.jpg);
} 

Answer 2

CSSでそれができたとしても、かなり面倒です。代わりに jQuery や Javascript を使用してみませんか?

jQuery では、.hover()マウス イベントを使用してみてください。

おそらく次のようなものから始めます (疑似コード):

$(".linkclass").hover(
  function () {
    $(.imageclass).css('background-image','image.jpg');
  },
  function () {
    $(.imageclass).css('background-image','image2.jpg');
  }
);