鼠标点击超链接后弹出图片

要实现鼠标点击超链接后弹出图片，可以使用JavaScript和CSS。

首先，在HTML中需要添加一个超链接，并为它添加一个唯一的ID，例如：

<a href="#" id="myLink">点击查看图片</a>

然后，在CSS中定义一个隐藏的弹出框，例如：

#myPopup {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 400px;
  height: 400px;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0,0,0,0.3);
  z-index: 9999;
}

此处定义了一个ID为“myPopup”的弹出框，设置了绝对定位、居中、大小和样式。

最后，在JavaScript中为超链接添加一个点击事件，点击时显示弹出框，例如：

var myLink = document.getElementById("myLink");
var myPopup = document.getElementById("myPopup");

myLink.addEventListener("click", function(event) {
  event.preventDefault();
  myPopup.style.display = "block";
});

这里使用addEventListener()为超链接添加了一个点击事件，当点击时阻止默认行为，然后将弹出框的display属性设置为“block”，即显示弹出框。

完整代码如下：

HTML:

<a href="#" id="myLink">点击查看图片</a>

<div id="myPopup">
  <img src="your-image-url.jpg" alt="popup image">
</div>

CSS:

#myPopup {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 400px;
  height: 400px;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0,0,0,0.3);
  z-index: 9999;
}

JavaScript:

var myLink = document.getElementById("myLink");
var myPopup = document.getElementById("myPopup");

myLink.addEventListener("click", function(event) {
  event.preventDefault();
  myPopup.style.display = "block";
});