<img src="images/1111.jpg" width="300" height="200" usemap="#map_sample" border="0" alt="sample">
<map name="map_sample">
<area shape="circle" coords="166,153,5" href="#" alt="円">
<area shape="circle" coords="200,75,5" href="#" alt="円">
<area shape="rect" coords="206,93,253,124" href="#" /><area shape="rect" coords="132,33,184,64" href="#" />
<area shape="rect" coords="125,85,186,135" href="#" />
</map>
<textarea rows=5 cols=10 id=tt1></textarea>
<script>
var x1=166,y1=153;//A
var x2=200,y2=75;//B
//var b=[[156,109],[173,154],[211,146],[217,120],[181,99]];
var mx=0,my=0;//move point step
var timer;
var f=1;
function move(){
if(x1+mx>f*x2){
clearInterval(timer);
return false;
}
mx++;//偏移量x
my=f*(y2-y1)*mx/(x2-x1);//偏移量y
document.getElementById("tt1").value=my
// 起点y + 相対偏移量x * 斜率 <=移動点y
if(f*Math.abs(b[0][1] + (x1+mx-b[0][0])*(b[0][1]-b[1][1])/(b[0][0]-b[1][0]))>=f*(y1+my)){
alert((mx+x1)+":"+(my+y1));
//return((mx+x1)+":"+(my+y1));
clearInterval(timer);
}
}
function yourFunctionName(mapId,pointA,pointB){
x1=pointA[0],y1=pointA[1];
x2=pointB[0],y2=pointB[1];
f=y1>=y2?1:-1;
var mapP=document.getElementsByName(mapId)[0].childNodes[2].getAttribute("coords").split(",");
b=[];
for(var i=0;i<mapP.length/2;i++)b[b.length]=new Array(parseInt(mapP[i*2]),parseInt(mapP[i*2+1]));
timer=setInterval(move,10);
}
yourFunctionName("map_sample",[136,153],[200,85]);
</script>
上面写得有些JS.但是不行.
求个高手.帮写一个函数.
该函数有三个参数.
热点ID.A和B两点.
返回A到B点与这些热点矩形的第一次相交的坐标.
没有相交返回FALSE
注:
1. map的热点数量不确定.上面是三个.只是举个例子.所以该函数要循环判断map的area 有多少个。
2. A和B点位置是有变化的。也有可能是从B点到A点。也就是A、B两点可以是任何值。
上面那JS是shan1119这个高手写的。判断多边形的。
但始终不行。位置一变化就有问题。
现在改为了矩形。没有以前那么难了。
请各位高手帮帮忙。
小弟JS正在学习中。实在写不出啊。
