带鼠标输出的ImageMap

ImageMap with mouseout

本文关键字：ImageMap 输出 鼠标      更新时间：2023-09-26

嗨，我问过一次，但没有得到答案。我有一张建筑的图像地图，请参阅此处=>http://projectpano.netii.net/imagemaper.html它在大楼上有5个热点，每个热点都有一个onmouseover onmouseout事件。。但我不能做的是在右边表演，即使我鼠标离开了热点，比如这个http://31pennplaza.com/avail.html#

看到我的源页面，请帮助我的脚本我新的这个！

我无法查看您的示例，所以我将做一些假设。

您的热点很可能是定位的div（或其他元素），它们每个都应该有唯一的DOM ID。

我相信你希望每当你的鼠标悬停在一个新的热点上时，右边的图像都会更新，并且你希望这个图像一直保持在那里，直到你鼠标悬停在另一个热点上。mouseOut事件不应影响右侧的图像。

假设你的热点是这样声明的：

<div id="hotspot_1" class="hotspot"></div>
<div id="hotspot_2" class="hotspot"></div>
...
<div id="hotspot_5" class="hotspot"></div>

你在右边更新的图像是：

<img id="floor_detail" src="images/floor_detail.jpg" />

当你滚动热点时，你想显示的图像有以下路径：

images/hotspot_1_detail.jpg
images/hotspot_2_detail.jpg
...
images/hotspot_5_detail.jpg

您可以使用jQuery配置行为。您不需要mouseOut事件侦听器，因为听起来您希望细节图像在观察到另一个mouseOver之前保持其状态。

jQuery:

<script>
  $(document).ready(function(){
    $(".hotspot").live("mouseover", function() {
      $("#floor_detail").attr("src", "images/" + $(this).attr("id") + "_detail.jpg");
    });    
  });
</script>

简单的答案：删除onMouseOut处理程序。对于您指定的行为，您不需要它们。

相关文章：