不同链接悬停时的图像更改

Question

我发现了这个：hover on text link to change image，它解释了如何使用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');
  }
);