包含图像映射到鼠标悬停和鼠标移开问题

Question

我试图拍摄图像，当你把你的鼠标在它较大的图像显示与附加了图像映射。你可以查看它here

看看它。正如你所看到的，当鼠标移动到磁带图像图像，它会理所应当，但是只要你把你的鼠标选定区域的图像中切换，地图图像中消失。我确实希望只有当您将鼠标从图像上取下时，图像才会切换回盒式磁带，而不是在href区域！我该如何解决这个问题？它甚至有可能吗？

Answer 1

这里有一个简单的方法使用jQuery做。而不是交换图像源，只需使用两个图像，以便更好地控制事件。

由于第一张图像与第二张图像大小相同，因此当您将鼠标放在要显示菜单的区域中的磁带或上时，图像会出现。如果您使用的图像只是磁带的大小，则不会发生这种情况。

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

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