有没有办法在 jquery 中使用图像映射坐标？

发布于 2024-11-05 10:38:21 字数 623 浏览 2 评论 0原文

我想使用图像地图的坐标，而不是地图本身。所以我的问题是我可以使用图像地图的坐标并检测用户是否使用 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");
    });

原文

I want to use the coordinates of an image map but not the map itself. So my question is can I use the coordinates of an image map and detect if a user has scrolled over those coordinates using jquery?

EDIT:

I'm aiming for something like this: (not actually using an image map, just it's coords.)

Coords from the image map: 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");
    });

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

笑看君怀她人 2024-11-12 10:38:21

您可以直接或使用 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>

You can add event listeners to the tags, directly or using jQuery. For instance:

<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 原文

~没有更多了~