包含圖像映射到鼠標懸停和鼠標移開問題

Question

我試圖拍攝圖像，當你把你的鼠標在它較大的圖像顯示與附加了圖像映射。你可以查看它here

看看它。正如你所看到的，當鼠標移動到磁帶圖像圖像，它會理所應當，但是隻要你把你的鼠標選定區域的圖像中切換，地圖圖像中消失。我確實希望只有當您將鼠標從圖像上取下時，圖像纔會切換回盒式磁帶，而不是在href區域！我該如何解決這個問題？它甚至有可能嗎？

Answer 1

這裏有一個簡單的方法使用jQuery做。而不是交換圖像源，只需使用兩個圖像，以便更好地控制事件。

由於第一張圖像與第二張圖像大小相同，因此當您將鼠標放在要顯示菜單的區域中的磁帶或上時，圖像會出現。如果您使用的圖像只是磁帶的大小，則不會發生這種情況。

http://jsfiddle.net/7tcaE/2/

$('#tape').bind('mouseover',function() { 
    $('#menu').show(); 
}); 
$('#menu').bind('mouseout',function() { 
    $('#menu').hide(); 
});