<SCRIPT LANGUAGE="JavaScript"> var linex,liney,a,b,flag; flag=0; function SelfXY(){ var yScrolltop; var xScrollleft; yScrolltop = event.clientY; xScrollleft= event.clientX; var top = document.body.scrollTop; var left = document.body.scrollLeft; //alert("top "+yScrolltop+"left "+xScrollleft);
var y = parseInt(top)+parseInt(yScrolltop); var x = parseInt(left)+parseInt(xScrollleft); var arr = new Array(); arr[0] = x; arr[1] = y; //alert("x="+arr[0]+"y="+arr[1]); return arr; //alert(xScrollleft+y+" "+yScrolltop+x+" ");
} function drawline(fromX,fromY,toX,toY){ var strElement= "<v:Line id='line_"+fromX+"_"+fromY+"_"+toX+"_"+toY+"' from='" + fromX + "," + fromY + "' to='" + toX + "," + toY + "' strokecolor='red'></v:Line>"; var newPoint = document.createElement(strElement); document.getElementById("map").appendChild(newPoint); } function draw(){ var x1 = SelfXY(); if(flag==0){ //alert(x1[0]+" "+x1[1]); linex=x1[0];liney=x1[1]; flag=1; }else{ if(linex==undefined&&b==undefined){linex=x1[0];liney=x1[1];return false;} a=x1[0];b=x1[1]; drawline(linex,liney,a,b) //x=a;y=b; flag=0; alert("X="+linex+",Y="+liney+",A="+a+",B="+b); } } function draws(){ var x1 = SelfXY(); if(flag==1){ if(linex==undefined&&b==undefined){return false;} if(linex==x1[0]&&b==x1[1]){return false;} if(document.getElementById("TempLine")){document.getElementById("TempLine").outerHTML=""} var strElement= "<v:Line id='TempLine' from='" + linex + "," + liney + "' to='" + x1[0] + "," + x1[1] + "' strokecolor='red'></v:Line>"; var newPoint = document.createElement(strElement); document.getElementById("map").appendChild(newPoint); }else{
<BODY>
<img src="c:\Blue hills.jpg" style="position:absolute;left:0;top:0;width:500px;height:500px;z-index:0"/>
<div id="map" style="position:absolute;left:0;top:0;width:1024px;height:768px;z-index:1" onmousedown="draw();" onmousemove="draws()"></div>
</body>
试试就明白了
</div></body> 这样就能看了,要用IE浏览器,并且允许什么什么访问,就是把安全调低点
var linex,liney,a,b,flag;
flag=0;
function SelfXY(){
var yScrolltop;
var xScrollleft;
yScrolltop = event.clientY;
xScrollleft= event.clientX;
var top = document.body.scrollTop;
var left = document.body.scrollLeft;
//alert("top "+yScrolltop+"left "+xScrollleft);
var y = parseInt(top)+parseInt(yScrolltop);
var x = parseInt(left)+parseInt(xScrollleft);
var arr = new Array();
arr[0] = x;
arr[1] = y;
//alert("x="+arr[0]+"y="+arr[1]);
return arr;
//alert(xScrollleft+y+" "+yScrolltop+x+" ");
}
function drawline(fromX,fromY,toX,toY){
var strElement= "<v:Line id='line_"+fromX+"_"+fromY+"_"+toX+"_"+toY+"' from='" + fromX + "," + fromY + "' to='" + toX + "," + toY + "' strokecolor='red'></v:Line>";
var newPoint = document.createElement(strElement);
document.getElementById("map").appendChild(newPoint);
} function draw(){
var x1 = SelfXY();
if(flag==0){
//alert(x1[0]+" "+x1[1]);
linex=x1[0];liney=x1[1];
flag=1;
}else{
if(linex==undefined&&b==undefined){linex=x1[0];liney=x1[1];return false;}
a=x1[0];b=x1[1];
drawline(linex,liney,a,b)
//x=a;y=b;
flag=0;
alert("X="+linex+",Y="+liney+",A="+a+",B="+b);
}
} function draws(){
var x1 = SelfXY();
if(flag==1){
if(linex==undefined&&b==undefined){return false;}
if(linex==x1[0]&&b==x1[1]){return false;}
if(document.getElementById("TempLine")){document.getElementById("TempLine").outerHTML=""}
var strElement= "<v:Line id='TempLine' from='" + linex + "," + liney + "' to='" + x1[0] + "," + x1[1] + "' strokecolor='red'></v:Line>";
var newPoint = document.createElement(strElement);
document.getElementById("map").appendChild(newPoint); }else{
}
}
</SCRIPT>
<html xmlns:v="urn:schemas-microsoft-com:vml">
<HEAD>
<META http-equiv="Content-Type" content="text/html;Charset=gb2312">
<STYLE>
v\:*{behavior:url(#default#VML);}
</STYLE>
</HEAD>
<BODY><div id="map" style="position:absolute;left:0;top:0;width:1024px;height:768px;z-index:1" onmousedown="draw();" onmousemove="draws()">
<img src="c:\Blue hills.jpg" style="position:absolute;left:0;top:0;width:500px;height:500px;z-index:0"/>
</div>
</body>
</html>
这个就可以了,完整的,我同事给我搞定了!!谢谢你