<!
DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
>
< HTML >
< HEAD >
< script language ="javascript" > ...
function moveImage()...{
if(window.event.button!=1)...{
return;
}
with(window.event.srcElement.style)...{
//重新设置图像在浏览器中的位置
pixelLeft=window.event.x-236/2-document.all.ImageDiv.offsetLeft;
pixelTop=window.event.y-118/2-document.all.ImageDiv.offsetTop;
}
window.event.returnValue=false;//取消系统拖动事件
}
</ script >
</ HEAD >
< BODY >
< div style ="position:relative" id ="ImageDiv" >
< img id ="image2" style ="container:positioned;position:absolute;top:60px;left:250px;width:236px;height:108px;" src ="11.jpg" >
< img id ="image2" style ="container:positioned;position:absolute;top:60px;left:60px;width:236px;height:108px;" src ="22.jpg" onmouseMove =moveImage() >
</ div >
</ BODY >
</ HTML >
< HTML >
< HEAD >
< script language ="javascript" > ...
function moveImage()...{
if(window.event.button!=1)...{
return;
}
with(window.event.srcElement.style)...{
//重新设置图像在浏览器中的位置
pixelLeft=window.event.x-236/2-document.all.ImageDiv.offsetLeft;
pixelTop=window.event.y-118/2-document.all.ImageDiv.offsetTop;
}
window.event.returnValue=false;//取消系统拖动事件
}
</ script >
</ HEAD >
< BODY >
< div style ="position:relative" id ="ImageDiv" >
< img id ="image2" style ="container:positioned;position:absolute;top:60px;left:250px;width:236px;height:108px;" src ="11.jpg" >
< img id ="image2" style ="container:positioned;position:absolute;top:60px;left:60px;width:236px;height:108px;" src ="22.jpg" onmouseMove =moveImage() >
</ div >
</ BODY >
</ HTML >