如何用jQuery编写拖动图片的交互功能？

本文共计540个文字，预计阅读时间需要3分钟。

以下是对原文的简化

使用jQuery实现鼠标拖动图片功能。首先创建一个包装器（wrapper），其中包含图片的定位坐标，用于跟踪图片移动的位置。

本例利用jQuery实现一个鼠标托动图片的功能。

首先设一个wrapper，wrapper内的坐标即图片移动的坐标

#wrapper{ width: 1000px; height:1000px; position:relative; }

设置图片div，这个div即要拖动的div

#div1{ position: absolute; left:0px; top:0px; width: 300px; height: 200px; background: url("d:/Pictures/Earth.jpg"); background-size:contain; }

上面设置了wrapper的定位为relative，div1的定位为absolute。