Javascript 链接或按钮鼠标悬停在弹出框/图像位置更改上

我有一个文本框（链接），当前链接为鼠标悬停弹出图像，但弹出窗口显示在鼠标悬停位置。我需要将此更改为特定位置。如何更改弹出窗口的显示位置？以下是我到目前为止的情况：

HTML:

<a href="" onmouseover="ShowImage('http://ultimatefinishdetailing.com/images/vancombination4.jpg')" onmouseout="HideImage()">Ultimate Finish Auto Detailing</a>

<img id="popupImage" src="" alt="Popup image" style="display: none"/> 

<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>

Javascript:

<a href="" onmouseover="ShowImage('http://ultimatefinishdetailing.com/images/vancombination4.jpg')" onmouseout="HideImage()">Ultimate Finish Auto Detailing</a>

<img id="popupImage" src="" alt="Popup image" style="display: none"/> 

<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=“无”；
}

将图像包装在div中

<div class="pop-up">

   <img id="popupImage" src="" alt="Popup image" style="display: none"/> 
</div>

---

例如添加了一个提琴OK…那么添加css和div…明白了…我需要先尝试一下，然后才能自信地说它可以完美工作。也。我对同一图像的多个链接的看法是错误的……我的意思是我有多个文本字符串，我需要链接到不同的图像。复杂…不，你已经在任何链接上传递了图像url。因此，您只需要根据需要对齐包装器div。哦，我明白了！美好的谢谢。我将完成详细信息的编码，如果我有任何问题，请告诉你。你这个男人！好啊所以我把代码放在我的yahoo sitebuilder上，但是图片没有移动。我不知道把css代码放在哪里。我尝试了html和html元素，但什么也没发生。我把CSS放在哪里？