鏈接或按鈕鼠標懸停彈出框/圖像位置更改

Question

我有一個文本框（鏈接），當前鏈接爲一個鼠標懸停彈出式圖像，但彈出窗口出現在鼠標懸停的位置。我需要將其更改爲特定位置。如何更改彈出窗口的位置？以下是我迄今爲止：

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

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

Answer 1

包裹在一個div圖像

<div class="pop-up"> 

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

的應用根據你的需求，將CSS分配給div但是.... DS

.pop-up { 
    height : 100px; 
    width : 100px; 
    top : 30px; 
    left : 25px; 
    float : right; 
} 

Fiddle