Javascript 使用坐标值进行定位
我有下面的图像映射代码Javascript 使用坐标值进行定位,javascript,jquery,Javascript,Jquery,我有下面的图像映射代码 <area shape="rect" coords="213,109,320,256" href="embedded-processors" alt="Embedded Processor" class="embeded-processor" /> 我可以检索属性coords,它返回“2130109320256”,对于position div,我希望基于此坐标的div position。 最大值是213,左边是109px 如何检索每个值并将其保存在局部变
<area shape="rect" coords="213,109,320,256" href="embedded-processors" alt="Embedded Processor" class="embeded-processor" />
我可以检索属性coords,它返回“2130109320256”,对于position div,我希望基于此坐标的div position。
最大值是213,左边是109px
如何检索每个值并将其保存在局部变量中
var coord = area.getAttribute( 'coords' ).split( ',' );
这将创建一个包含所有coords
值的数组。然后可以通过coord[0]
访问顶部值,通过coord[1]
访问左侧值
这将创建一个包含所有
coords
值的数组。然后,您可以通过coord[0]
访问顶部值,通过coord[1]
访问左侧值,Sirko发布的内容不是jQuery,因此jQuery解决方案如下:
var coords = $.map($('.embeded-processor').attr('coords').split(','), parseInt)
您得到的是一个整数数组:
[213,109,320,256]
Sirko发布的不是jQuery,因此这里是jQuery解决方案:
var coords = $.map($('.embeded-processor').attr('coords').split(','), parseInt)
您得到的是一个整数数组:[213、109、320、256]
点击太阳或其中一颗行星,近距离观察:
0,0
jQuery(“#planetmap area”)。每个(函数(e){
jQuery(this).mousemove(函数(){
jQuery('#dataval').html(jQuery(this.attr('coords'));
jQuery(this).单击(函数(){
jQuery(this.attr('title','SHASHANK');
var current_cordinate=jQuery(this).attr('coords').split(',');
var nextX=数学单元(当前坐标[2])+1;
var NextY=Math.ceil(当前坐标[3]);
var downX=数学单元(当前坐标[2])+1;
var-downY=Math.ceil(downX)+1;
//var new_next_coordinate=jQuery(this).attr('coords',('0,0',+nextX+','+NextY))
//警报(新建下一个坐标.text());
jQuery(jQuery(this).find('coords','0,0',+nextX+','+NextY)).attr('title','SHASHANK');
警报(“提交”);
});
});
});
点击太阳或其中一颗行星,近距离观察:
0,0
jQuery(“#planetmap area”)。每个(函数(e){
jQuery(this).mousemove(函数(){
jQuery('#dataval').html(jQuery(this.attr('coords'));
jQuery(this).单击(函数(){
jQuery(this.attr('title','SHASHANK');
var current_cordinate=jQuery(this).attr('coords').split(',');
var nextX=数学单元(当前坐标[2])+1;
var NextY=Math.ceil(当前坐标[3]);
var downX=数学单元(当前坐标[2])+1;
var-downY=Math.ceil(downX)+1;
//var new_next_coordinate=jQuery(this).attr('coords',('0,0',+nextX+','+NextY))
//警报(新建下一个坐标.text());
jQuery(jQuery(this).find('coords','0,0',+nextX+','+NextY)).attr('title','SHASHANK');
警报(“提交”);
});
});
});
为什么它必须是jQuery?它不需要,但“Wazdesign”将这个问题也标记为jQuery。此外,我的答案给了他一个整数列表,而不是字符串。为什么它必须是jQuery?不需要,但是“Wazdesign”将这个问题也标记为jQuery。此外,我的回答给了他一个整数列表,而不是字符串。