标签:coordinates imagemap javascript jquery
我想使用图像地图的坐标,而不是地图本身.所以我的问题是我可以使用图像地图的坐标并检测用户是否使用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>
标签:coordinates,imagemap,javascript,jquery 来源: https://codeday.me/bug/20191208/2091516.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。