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

Question

我正在尝试拍摄图像，当您将鼠标放在它上面时，会出现一个更大的图像，并附有图像映射。你可以在这里查看

看看它。如您所见，当您将图像悬停在盒式磁带图像上时，它会按应有的方式切换，但是一旦将鼠标放在图像映射中的选定区域上，图像就会消失。我确实希望图像仅在您将鼠标从图像上移开时才切换回盒式磁带，而不是在 href 区域上！我该如何纠正？甚至可能吗？

Answer 1

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

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

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

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