`
阿尔萨斯
  • 浏览: 4254467 次
社区版块
存档分类
最新评论

IE中实现图片的拖拽

 
阅读更多



<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0Transitional//EN">
<HTML>
<HEAD>
<scriptlanguage="javascript">...
functionmoveImage()...{
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>
<divstyle="position:relative"id="ImageDiv">
<imgid="image2"style="container:positioned;position:absolute;top:60px;left:250px;width:236px;height:108px;"src="11.jpg">
<imgid="image2"style="container:positioned;position:absolute;top:60px;left:60px;width:236px;height:108px;"src="22.jpg"onmouseMove=moveImage()>
</div>
</BODY>
</HTML>
分享到：
| 1人30天44587行代码，分享舍得网开发过程
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics