大家帮忙看一下

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
function movetest() {
if ( checkarea() == true ){
document.all.div1.style.position = "absolute";
document.all.div1.style.backgroundColor = "#FF0000";
document.all.div1.style.width  = 200;
document.all.div1.style.height = 1;
document.all.div1.style.top   = document.body.scrollLeft+event.clientY;
document.all.div1.style.display=""; document.all.div2.style.position = "absolute";
document.all.div2.style.backgroundColor = "#FF0000";
document.all.div2.style.width  = 1;
document.all.div2.style.height = 200;
document.all.div2.style.left   = document.body.scrollLeft+event.clientX;
document.all.div2.style.display="";
}
}
function checkarea(){
if ( event.clientX > document.all.img1.offsetLeft && event.clientX < document.all.img1.offsetLeft + document.all.img1.clientWidth && event.clientY > document.all.img1.offsetTop && event.clientY < document.all.img1.offsetTop + document.all.img1.clientHeight ){
return true;
}
else{
return false;
}
}
function releaseDiv() {
if ( checkarea() == false ){
document.all.div1.style.display="none";
document.all.div2.style.display="none";
}
}
//-->
</SCRIPT>
</HEAD><BODY onmousemove="movetest()" onclick="releaseDiv()">
<span style="overflow: hidden"><table ><tr><td  id="div1"></td></tr></table><div id="div2"></div><img id="img1" src="" width="200" height="200"><span>
</BODY>
</HTML>