IE中实现图片的拖拽
2008-03-13 11:01
190 查看
<!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="booka.gif">
<img id="image2" style="container:positioned;position:absolute;top:60px;left:60px;width:236px;height:108px;" src="booka.gif" 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="booka.gif">
<img id="image2" style="container:positioned;position:absolute;top:60px;left:60px;width:236px;height:108px;" src="booka.gif" onmouseMove="moveImage()">
</div>
</BODY>
</HTML>
相关文章推荐
- IE中实现图片的拖拽
- JS实现放大、缩小及拖拽图片的方法【可兼容IE、火狐】
- IE中实现图片的拖拽
- IE中实现图片的拖拽
- IE中实现图片的拖拽
- IE中实现图片的拖拽
- 分享一个HTML5的drag and drop API实现的图片拖拽分组效果
- 实现Android图片预览的拖拽缩放
- iOS开发——仿微信图片浏览交互的实现(向下拖拽图片退出图片浏览器)
- C#实现外部图片的拖拽到应用程序的简单功能,附全部源码,供有需要的参考
- js实现鼠标拖动图片 兼容IE,FF火狐,谷歌浏览器
- 记录一下: 火狐 IE 实现图片本地预览 demo
- js实现有过渡渐变效果的图片轮播相册(兼容IE,ff)
- Android:利用Matrix,实现双手指缩放图片与拖拽图片功能
- ExtJs 完美实现图片在Window窗口中通过鼠标滚轮放大缩小以及点击拖拽
- 图片上传插件ImgUploadJS:用HTML5 File API 实现截图粘贴上传、拖拽上传
- png图片在IE下透明实现方法
- jquery实现图片等比例缩放以及max-width在ie中不兼容解决
- 一个超简单的JS拖拽实现代码(兼容IE,Firefox)
- Android应用开发之实现图片的拖拽显示