通过将鼠标悬停在标签上来更改图像源

Question

我的网页栏上有多个标签，当我将鼠标悬停在该标签上时，其他div中的图像应根据悬停的标签进行更改。

任何帮助都会受到高度赞赏。

• Sjain

Answer 1

使用流行的javascript库jQuery，你可以轻松地完成它：

- 示例HTML

<label class="target">Hover to Change</label> 
<img src="image001.gif" class="sourceImage" />

- 对应的jQuery

$("label.target").hover(
  function () {
    // mousing-over <label class="target"> changes img to 'image002.gif'
    $("img.sourceImage").attr("src", "image002.gif");
  },
  function () {
    // mousing-out <label class="target"> changes img to 'image001.gif'
    $("img.sourceImage").attr("src", "image001.gif");
  }
);