如何实现网页上拖动图片

原创 2004年07月27日 20:55:00

<HTML>
<HEAD>
<style>
.drag{position:relative;cursor:hand}
</style>
<script language="JavaScript">
var dragapproved=false
var eventsource,x,y
function move()
 {
  if (event.button==1&&dragapproved)
   {
    eventsource.style.pixelLeft=temp1+event.clientX-x
    eventsource.style.pixelTop=temp2+event.clientY-y
    return false
   }
 }
function drags()
 {
  if (!document.all)
  return
  if (event.srcElement.className=="drag")
   {
    dragapproved=true
    eventsource=event.srcElement
    temp1=eventsource.style.pixelLeft
    temp2=eventsource.style.pixelTop
    x=event.clientX
    y=event.clientY
    document.onmousemove=move
   }
 }
document.onmousedown=drags  
document.onmouseup=new Function("dragapproved=false")
</script>
</HEAD>
<BODY>

<IMG SRC="file://C:/Documents and Settings/Administrator/My Documents/My Pictures/0.jpg" class=drag>

</BODY>
</HTMl>

Android 4.0 Launcher2源码分析——桌面快捷图标的拖拽

本文来自http://blog.csdn.net/chenshaoyang0011 转载请申明文章出处! 通过上一篇文章Android4.0Launcher2源码分析(五)——Workspa...
  • chenshaoyang0011
  • chenshaoyang0011
  • 2013年03月02日 10:46
  • 15303

H5实现多图片预览上传,可点击可拖拽控件介绍

在做图片上传时发现一个蛮好用的控件,支持多张图片同时上传,可以点击选择图片,也可以将图片拖拽到上传框直接上传,方便,好用,接口也简单,基本可以直接放到项目里使用。 先看看他的样式: ...
  • weixin_36380516
  • weixin_36380516
  • 2017年04月22日 10:23
  • 3754

html5图片裁剪控件原型【含缩放,旋转,拖动功能】---2、核心代码

推荐这一篇文章是早年为了解决图片裁剪的探索性文章,现在已经开放出了falsh版及html5版本的图片裁剪插件,各位有时间可以看看: 浮士德html5图片裁剪器2016开源版 浮士德头像裁剪flas...
  • cdnight
  • cdnight
  • 2015年08月21日 11:25
  • 7328

网页中预载图片的JS实现

  • 2009年01月14日 17:00
  • 3KB
  • 下载

android Webview读取网页里的所有图片,并实现点击放大

  • 2017年11月24日 13:56
  • 23.62MB
  • 下载

php+h5+canvas+jcrop 实现网页上传图片并对原图等比缩放后进行裁剪

  • 2017年08月17日 10:53
  • 51KB
  • 下载

jplayer实现点击图片可以暂停播放的网页音乐播放器代码

  • 2014年09月28日 22:16
  • 578KB
  • 下载

谷歌,qrcode实现二维码,网页渲染二维码,图片二维码,完整demo

  • 2016年06月23日 18:45
  • 4.11MB
  • 下载

网页中图片旋转的几种实现方式

网页中图片旋转一般有下面三种常见的实现方式: 一、 ie 滤镜 IE的图形旋转滤镜,通过指定BasicImage滤镜的rotation值旋转元素,旋转方向为顺时针,旋转的中心点为元素的左上角。ro...
  • wojiaoguchenghuanye
  • wojiaoguchenghuanye
  • 2015年12月15日 17:40
  • 1504

用 JavaScript 实现网页图片等比例缩放

思路: 高度都控制在160像素以内,如果是160像素以内的话,就直接显示; 如果高度大于宽度,高度优先缩小在160以内,宽度根据高度的缩放比缩小;反之亦然 1.在处理网页图片时,特别是一些图片列...
  • fgdfgasd
  • fgdfgasd
  • 2011年11月09日 10:52
  • 2187
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:如何实现网页上拖动图片
举报原因:
原因补充:

(最多只允许输入30个字)