25+ 个 jQuery 网页拖放操作的插件

这篇文章为你介绍27个jQuery插件，使得你的Web前端具备拖放操作的能力。

Drop n’ Save – Drag & Drop Uploader

另外一个文件拖放上传功能的实现。

MORE INFO |DEMO by Codecanyon (premium plugin)

jqDnR

jqDnR作为jQuery是一个轻量级的，让你拖、放自如，并且调整其大小的元素插件。这个插件很简单，重量轻（972字节），非常容易实现。能够让您的网站更方便用户使用。

jQuery Drag Expose | Draggable Image Gallery

使用一种不同的方式来显示照片，并可进行拖放操作

MORE INFO |DEMO by Codecanyon (premium plugin)

jQuery OneByOne Slider Plugin

OneByOne Slider 是一个轻量级的 jQuery 插件，可用来显示图片和文本，使用 CSS3 动画效果，支持触摸设备上的左右滑动，可使用鼠标拖放操作进行显示

MORE INFO |DEMO by Codecanyon (premium plugin)

Table Drag and Drop JQuery plugin

在表格内对行数据进行拖放

Dynamic Drag’n Drop With jQuery And PHP

Drag’n drop 是一个完全使用 jQuery & jQuery UI 实现的拖放功能。

Easy Scroll

可轻松实现拖放滚动效果的页面。

MORE INFO |DEMO by Codecanyon (premium plugin)

Draggable

一个基于jQuery的拖放插件，易于使用，所有的操作均通过调用draggable进行。

Drag-and-Drop with jQuery: Your Essential Guide

学习如何使用 jQuery 和 jQuery UI 的拖放插件来创建具有拖放效果的 Web 应用，包含一个完整的扑克牌拖放操作演示。

Zoomer jQuery Products Showcase

Zoomer! 是一个用来显示产品列表的工具，内置缩放和拖放功能。

MORE INFO |DEMO by Codecanyon (premium plugin)

Ultra small code to drag everything in HTML pages

这是一个很基本的快速实现拖放操作的教程，可重用以及个性化定制。

(mb)ConteinersPlus

很有用的插件用于实现皮肤化的容器，支持拖拉、大小更改以及最小化等操作。

drag and drop jquery plugins

ppDrag

ppDrag 是 jQuery 的拖放插件，简化了 jQuery UI‘s Draggable.

jQuery File Tree Aza’s revised version

drag and drop jquery plugins

Adds collision detection to draggable objects. Add “collide: ‘block’” or “collide: ‘flag’” when you create a draggable: $(".box").draggable({collide: 'flag'}); or$(".box").draggable({collide: 'block'}); In ‘flag’ mode overlapping objects receive new classes – ‘ui-draggable-overlapping’ for the object being dragged and ‘ui-draggable-overlapped’ for the other object. In ‘block’ mode objects are blocked from overlapping other objects by being snapped to the edge of the object they collided with.