打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
网页上可拖拽的图片
userphoto

2009.09.06

关注
<html>
<head>
<style>
.D_Drag{position:relative;cursor:pointer}
</style>
<script type="text/javascript">
var zd_Flag=false;
var zd_D;
var zd_LastX=0;
var zd_LastY=0;
function zJ_DragIt(zE){
   if(zd_Flag){
      if(!zE){zE=window.event}
      zd_D.style.left=(parseInt(zd_D.style.left+0)+zE.screenX-zd_LastX)+"px";
      zd_D.style.top=(parseInt(zd_D.style.top+0)+zE.screenY-zd_LastY)+"px";
      zd_LastY=zE.screenY; zd_LastX=zE.screenX;
      return false;
   }
}
function zJ_StargDrag(zE){
   if(!zE){zE=window.event}
   zd_D=zE.target?zE.target:zE.srcElement;
   if(zd_D.className=="D_Drag"){
      zd_LastX=zE.screenX; zd_LastY=zE.screenY;
      zd_Flag = true;
      document.onmousemove=zJ_DragIt;
      return false;
   }
}
function zJ_StopDrag(){
   zd_Flag=false;
}
document.onmousedown=zJ_StargDrag;
document.onmouseup=zJ_StopDrag;
</script>
</head>
<body>
<div style="border:3px solid green;width:500px;height:300px;margin:auto">
<img src="qt.gif" class="D_Drag">
<img src="qt.gif" class="D_Drag">
<img src="qt.gif" class="D_Drag">
</div>
</body>
</html>
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
网页|JS实现3D旋转相册
使用原生JS+CSS或HTML5实现简单的进度条和滑动条效果
【开发教程】HTML5网页内的视频拼图特效
H5页面实现摇一摇并震动【花花教程】
html5摇一摇代码优化包括DeviceMotionEvent等等
js 可行的print
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服