我想使用图像地图的坐标,而不是地图本身.所以我的问题是我可以使用图像地图的坐标并检测用户是否使用jquery滚动了这些坐标吗?
编辑:
我的目标是这样的:(实际上并没有使用图像映射,只是坐标).
图像图中的坐标: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");
});
解决方法:
您可以直接或使用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>