有没有一种方法可以在jQuery中使用图像映射坐标？

Question

我想使用图片地图的坐标但不需要实际的地图。我的问题是，我能否使用图片地图的坐标并使用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");
    });

- DMar

Answer 1

您可以直接在标签上添加事件监听器，也可以使用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>

- Mathieu Rodic

---

你为什么编辑它？我不认为有必要使用jQuery来读取alt属性！ - Mathieu Rodic

好的观点，this.alt比$(this).attr("alt")更优化。 - MikeM