【问题标题】：Incorporating an image map to mouseover and mouseout issue将图像映射合并到 mouseover 和 mouseout 问题
【发布时间】：2011-07-27 20:41:14
【问题描述】：
我正在尝试拍摄一张图片，当您将鼠标放在它上面时，会出现一个更大的图片，并附有一张图片地图。你可以查看here
看看吧。如您所见，当您将图像悬停在盒式磁带图像上时，它将按应有的方式切换，但是一旦您将鼠标悬停在图像映射中的选定区域上，图像就会消失。我确实希望图像仅在您将鼠标从图像上移开时才切换回盒式磁带，而不是在 href 区域上！我该如何纠正？有没有可能？
【问题讨论】：
标签：
image
map
onmouseover
onmouseout
【解决方案1】：
这里有一个使用 jQuery 的简单方法。无需交换图像源，只需使用两个图像，以便更好地控制事件。
因为第一个图像与第二个大小相同，所以当您将鼠标悬停在菜单将出现的区域或上时，图像就会出现。如果您使用的图像只有磁带大小，则不会发生这种情况。
http://jsfiddle.net/7tcaE/2/
$('#tape').bind('mouseover',function() {
$('#menu').show();
});
$('#menu').bind('mouseout',function() {
$('#menu').hide();
});