我想实现这么个效果,当鼠标从图片的某个area链接移出时,去判断鼠标是否有触发到另一个<area id="weddingArea">的mouseover事件。
目前遇到的问题:
通过 "oElem.id" 火狐可以获取到<area>的ID名称,但是IE中却获取不到。 请问该怎么获取热区的ID值呢?代码:
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>My Demo</title>
<script type="text/javascript"> function mouseoutHandler(oEvent,objTagName)
{
var oEvent = oEvent ? oEvent : window.event
var oElem = oEvent.toElement ? oEvent.toElement : oEvent.relatedTarget;
alert(oElem.id);
/*if(oElem.id == objTagName)
{
return true;
}
return false;
*/
}
</script>
</head>
<body>
<div>
<img src="Images/demo.jpg" usemap="#weddingMap" hidefocus="true" />
<map name="weddingMap" class="map" id="weddingMap">
<area id="weddingArea" onmouseout="mouseoutHandler(event,'weddingCrossing')" ....../>
<area id="weddingCrossing" ...... />
<area id="weddingLinke" ....... />
</map>
</div>
</body>
</html>
解决方案 »
免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货