Javascript 按钮图像鼠标悬停在另一位置的弹出图像上（html框）

按钮图像鼠标悬停在另一位置的弹出图像上（html框）

我有一个按钮（图像），我需要在鼠标上方链接到一个特定位置的弹出图像。如何更改弹出窗口在另一个html元素框中的位置？这是我到目前为止所做的，但它是为了在html中嵌入css链接，以便移动它…所以不知道这是否会有帮助。我决定用纽扣，因为它看起来好多了。这是我的网站，我正试图编辑到那里，你将鼠标悬停在左边的特定按钮图像上，你会得到一个与屏幕右侧的按钮相关的弹出图像

HTML:

.弹出窗口{
高度：50px；
宽度：50px；
顶部：10px；
左：0px；
右：800px；
浮动：对；
}

Javascript:

<script type="text/javascript">
    function ShowImage(src)
    {
        var img = document.getElementById('popupImage');
        img.src = src;
        img.style.display = "block";
    }
    function HideImage()
    {
        document.getElementById('popupImage').style.display = "none";
    }
</script>

函数ShowImage（src）
{
var img=document.getElementById（'popupImage'）；
img.src=src；
img.style.display=“块”；
}
函数HideImage（）
{
document.getElementById（'popupImage'）.style.display=“无”；
}

---

当你将鼠标悬停在链接“最终完成”上时，你可以在我的网站上看到图像框（因为我没有指定图像框）显示在屏幕的右侧…这就是上面代码的作用。但我需要在某个窗口中使用按钮来执行此操作

您正在引用本地计算机上的文件；这在你的网站上不起作用我知道…别担心那部分…这是个错误我仍然需要帮助…有人吗？

<script type="text/javascript">
    function ShowImage(src)
    {
        var img = document.getElementById('popupImage');
        img.src = src;
        img.style.display = "block";
    }
    function HideImage()
    {
        document.getElementById('popupImage').style.display = "none";
    }
</script>