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

时间:2013-01-13 01:37:31

标签: html css mousehover onhover

我发现了这个:hover on text link to change image,它解释了如何使用jQuery。

有没有办法在没有jQuery或javascript的情况下做到这一点?

这可以用html / css完成吗?

2 个答案:

答案 0 :(得分:0)

使用CSS:

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

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

答案 1 :(得分:0)

即使你可以用CSS做到这一点,它也会非常混乱。为什么不使用jQuery或Javascript?

在jQuery中,尝试使用.hover()鼠标事件。

你可能会从这样的事情开始(伪代码):

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