控制多个链接图片的悬停预览窗口的位置。

可以使用HTML和CSS代码实现。首先，在HTML中为每个图片链接添加一个父容器，然后设置其position属性为"relative"，以便能够使用相对定位来对预览窗口进行定位。接着，在父容器中添加一个子容器，用于显示图片的预览窗口，并使用CSS设置其position属性为"absolute"。最后，在CSS中为预览窗口设置top和left属性，以控制其位置。

代码示例如下：

HTML：

<div class="img-container">
   <a href="link1.html"><img src="image1.jpg"></a>
   <div class="preview-window"></div>
</div>

<div class="img-container">
   <a href="link2.html"><img src="image2.jpg"></a>
   <div class="preview-window"></div>
</div>

CSS：

.img-container {
   position: relative;
}

.preview-window {
   display: none;
   position: absolute;
   top: 0;
   left: 0;
   /* 设置其他样式 */
}

.img-container:hover .preview-window {
   display: block;
   /* 设置其他样式 */
}

在CSS中，我们通过:hover伪类来控制预览窗口的显示和隐藏。当鼠标悬停在父容器上时，使用.display:block来显示预览窗口，当鼠标移开时，使用.display:none来隐藏预览窗口。

需要注意的是，这只是一个基本的示例，实际使用时需要根据实际需求进行调整。