悬停时替换图像并单击链接

<div id="image-container">
  <img src="原始图像路径" alt="原始图像描述">
  <a href="链接地址">链接文本</a>
</div>

#image-container {
  position: relative;
  width: 图像宽度;
  height: 图像高度;
}

#image-container img {
  position: absolute;
  top: 0;
  left: 0;
  width: 图像宽度;
  height: 图像高度;
}

#image-container a {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 图像宽度;
  height: 图像高度;
}

var imageContainer = document.getElementById("image-container");
var image = imageContainer.getElementsByTagName("img")[0];
var link = imageContainer.getElementsByTagName("a")[0];

imageContainer.addEventListener("mouseover", function() {
  image.src = "替换图像路径";
  link.style.display = "block";
});

imageContainer.addEventListener("mouseout", function() {
  image.src = "原始图像路径";
  link.style.display = "none";
});