您的位置：首页 > 其它

IE中实现图片的拖拽

2008-03-13 10:15 246 查看

<!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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航