2011-05-05 74 views
3

我想使用图像地图的坐标,但不是地图本身。所以我的问题是我可以使用图像地图的坐标,并检测用户是否使用jQuery滚动这些坐标?有没有办法在jQuery中使用图像地图坐标?

编辑:

我的目标是这样的:(不实际使用图像映射,只是它的coords)使用

从影像地图坐标:186,106,199,86,220,86,241,94,245,109

$("img#test").hover(function(e) { 
     if (e.pageX >= 186 && e.pageY >= 106 && 
      e.pageX >= 199 && e.pageY >= 86 && 
      e.pageX >= 220 && e.pageY >= 86 && 
      e.pageX >= 241 && e.pageY >= 94 && 
      e.pageX >= 245 && e.pageY >= 109) 
      alert("wewt"); 
    }); 

回答

3

您可以直接或使用jQuery将事件侦听器添加到标记。例如:

<map name="testmap" id="testmap"> 
    <area shape="rect" coords="10,9,58,27" href="#" title="" alt="You are on a rectangle!"> 
    <area shape="circle" coords="104,18,14" href="#" title="" alt="You are on a circle!"> 
</map> 
<img src="/img/image.png" style="width:136px;height:36px" usemap="#testmap" /> 

<script type="text/javascript"> 
    $('#testmap area').mouseover(function() 
    { 
     alert($(this).attr("alt")); 
    }); 
</script> 
+0

示例:http://jsfiddle.net/pxfunc/aVDHW/ – MikeM 2011-05-05 16:57:00

+0

为什么要编辑它?我没有看到需要使用jQuery来阅读alt属性! – 2011-05-06 05:23:28

+0

好点,'this.alt'比'$(this).attr(“alt”)更优化' – MikeM 2011-05-06 14:49:34

相关问题