IE中实现图片的拖拽
2008-03-15 13:39
183 查看
<!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>
相关文章推荐
- IE中实现图片的拖拽
- IE中实现图片的拖拽
- JS实现放大、缩小及拖拽图片的方法【可兼容IE、火狐】
- IE中实现图片的拖拽
- IE中实现图片的拖拽
- IE中实现图片的拖拽
- Android应用开发之实现图片的拖拽显示
- C#实现外部图片的拖拽到应用程序的简单功能,附全部源码,供有需要的参考
- Android:利用Matrix,实现双手指缩放图片与拖拽图片功能
- 原生JS,实现图片可拖拽,并且移动四个角和四条变能够自由变换图片大小
- js实现有过渡渐变效果的图片轮播相册(兼容IE,ff)
- iOS开发——仿微信图片浏览交互的实现(向下拖拽图片退出图片浏览器)
- png图片在IE下透明实现方法
- 图片上传插件ImgUploadJS:用HTML5 File API 实现截图粘贴上传、拖拽上传
- 一个超简单的JS拖拽实现代码(兼容IE,Firefox)
- Silverlight中的拖拽实现的图片上传---2
- ExtJs 完美实现图片在Window窗口中通过鼠标滚轮放大缩小以及点击拖拽
- 实现div的背景图片在各个浏览器上自适应显示:即backgroun-size属性不支持低版本ie的解决方案
- 简单css实现图片和文字的居中显示,IE下有效
- jquery实现图片等比例缩放以及max-width在ie中不兼容解决