Image 将图像映射合并到鼠标悬停和鼠标悬停问题

我正在尝试拍摄一张图片，当你把鼠标放在上面时，会出现一张更大的图片，上面附有一张图片地图。您可以查看它

---

看一看。正如您所看到的，当您将图像鼠标悬停在盒式磁带图像上时，图像将按应有的方式切换，但一旦将鼠标悬停在图像地图中的选定区域上，图像就会消失。我确实希望只有当您将鼠标从图像上移开，而不是在href区域时，图像才能切换回盒式磁带！我怎样才能纠正这个问题？甚至可能吗？

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

因为第一个图像与第二个图像大小相同，所以当您将鼠标悬停在磁带上或菜单显示区域时，图像将显示。如果您使用的图像只有磁带的大小，则不会发生这种情况

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