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

Question

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

如有任何帮助，我们将不胜感激。

• 谢恩

Answer 1

与 jQuery ，流行的 javascript 库，你可以很容易地做到这一点:

-- 示例 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");
  }
);