基于jQuery插件的图像拖放功能

这个例子为你分享jQuery插件拖放图片的具体功能的代码，供大家参考，具体内容如下

取得以下效果
把图层完全拖出来，图像就会消失，或者图片会回到原来的位置。
# mydiv {宽度：900px；背景颜色：# 444；边框1px solid红}
#之中{宽度：900px；；边界：1px solid红}
img {宽度：200px；高度：200px；}
列表样式类型：无；}
显示：内联；}
-->

$（函数（）{（））
存储是最初的坐标/拖动图片。
无功startleft = 0；
Var starttop = 0;
$（'img）。Draggable（{
开始：函数（）{
将两个变量设置为拖动图片的初始坐标。
startleft = $（这）。偏移（左）；
starttop = $（这）。偏移（顶部）；
}，
停止：函数（）{
如果（$（this）。偏移（左）> $（' # mydiv）。偏移（左）+ $（' # mydiv）。Width（| |）$（这）。偏移（顶部）> $（' # mydiv）。偏移（顶部）+ $（' # mydiv）。Height（））{
美元（这个）；
}
{其他
重置
$（this）。偏移量（{
左：startleft，
上图：starttop
}）
}
}
}）

}）


以上是本文的全部内容，希望能帮助大家学习jQuery程序设计。