嗨,我曾经问过这个问题,但没有得到答案一个 onmouseover onmouseout 事件.. 但我不能做的就是在右边进行显示,即使我像这样的热点鼠标退出例如http://31pennplaza.com/avail.html#
请参阅我的源页面,请帮助我使用新的脚本!
嗨,我曾经问过这个问题,但没有得到答案一个 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 处理程序。对于您指定的行为,您不需要它们。