广泛收集的jQuery拖放插件集合
今天分享给大家一些非常棒的的jQuery插件拖放功能。
有了这些插件，你会允许你的访问者个性化的网站和它的工具，根据自己的需要，并以这种方式，你提供定制选项的负载展现方式
在建立功能齐全，完全可换肤的容器，这是一个有用的插件。容器可以设置拖动，调整大小，可折叠和可最小化。
卷轴是一个jQuery插件，它需要一个图片标签，使现场的“投影”的预建动画帧序列。其目的是要提供360°视角的东西或某个地方。伟大的替代广泛使用的Flash和Java技术。
CropZoom是一个插件，让你选择的图像区域，然后将它裁剪。白衣这个工具，你也将能够放大或缩小，拖动和旋转图像。
特殊事件的jQuery插件，使复杂的拖动交互，任何元素，简单而强大的任务。
该项目允许用户延长在网页的textarea元素/地区时，他们的感受。
ppDrag是一个jQuery拖放插件，它模仿了jQuery UI的可拖动的界面。目前支持的是其选择的一小部分，但实施是不同的（ppDrag集中表现）。
在本教程中，我们会告诉你如何做调整和使用jQuery UI的DIV拖动。我会告诉你一个DIV的演示，可以通过调整大小拉起的边缘，也拖累在这里和那里。
jQuery的多重拖动插件jQuery UI的可拖动插件的扩展。这个插件扩展现有的功能，以便为一组进行分组和拖的元素。插件的目的是要包括所有在选项中列出的当前功能。
有了这个插件，你可以轻松调整与内容的矩形。
我们都看到了辉煌混搭新闻故事和有趣的文章，可以共享社交网站的功能;随行物品的图像驱动功能，你点击并按住图像，然后拖动到工具栏分享。它的辉煌和直观的，在这篇文章中，我要告诉你，我们如何能够复制这种行为与jQuery和jQuery UI。
JQuery.iviewer是一个jQuery UI的部件代表的图像浏览器组件，用于加载和查看与能力的图像放大图像和容器中拖动鼠标。
在本教程中，我们将向您展示如何创建一个部件的可定制的界面。成品将是一个圆滑，并悄悄地编码的iGoogle一样的界面，里面有大量的潜在应用！
drag'n下降一般看起来难以适用，但它肯定是不使用JavaScript框架。这里，它是如何完成使用jQuery和jQuery UI的。
jQuery的mapbox（）插件是建立规模相对较小，可缩放，多层次的内容拖动地图。这个框架可以适用于游戏，发展计划，或任何布局，可以从中受益，可以放大和平移，以得到更好的视野。
接口是一个丰富的接口组件的集合，它采用了轻量级的JavaScript库jQuery的。有了这个组件，你可以建立丰富的客户端Web应用程序和接口与写作与jQuery的JavaScript简单。
有了这个插件，你可以建立一个类似的效果，在你拖动一个格的内容作为一个视口的谷歌地图。
这TableDnD插件允许用户表内重新排列行例如，如果他们代表一个有序列表（例如优先级的任务）。个别行可以标记为“非拖动和/或非投掷的（其他行不能下降到他们）。行可以有许多必要和细胞的细胞可以包含表单元素。
jQuery UI的可拖动插件通过鼠标拖动选中的元素。
在本教程中，我们将建立与jQuery可拖动地图。
有了这个插件，你可以用PHP和jQuery拖放任何容易。
拖放可排序的列表，JavaScript和CSS
一个JavaScript文件，提供了能够使用拖放排序名单。内置的jQuery框架。
阿贾克斯花式验证码是一个jQuery插件，可以帮助您保护您的网页，从机器人和垃圾邮件。我们向您介绍一个新的，直观的方式，完成“人性化”的任务验证。为了做到这一点你是问拖放到指定的项目，一个圆圈。
拖放名单之内和之间的项目。一个视觉辅助显示，该项目将被定位，如果下降。
jqDnR是一个轻量级的插件，让你拖动，删除和调整元素的jQuery的。
拖动列印掉落面板是伟大的，让用户控制他/她希望看到的信息，他可以根据自己的喜好来安排各种信息块。这种类型的功能往往通过门户网站或类似的iGoogle个人主页服务的提供。
有了这个插件，你可以拖放一个简单的方法。
在本教程中，我们将创建一个全屏的图像和内容领域的网格模板。我们的想法是有一个可拖动的网格，显示缩略图和类似物品菜单框。一旦点击，缩略图将扩大到全尺寸的图像和菜单项中，将扩大到全屏的内容区域。
animaDrag是一个超轻量级的拖放插件，是独立的jQuery UI框架。AnimaDrag允许拖动项目jQuery动画，而不允许UI draggables不缓解。
这很简单，首先你打电话的easydrag（）方法，在旧版本，然后你打电话的setHandler（）方法传递给它的元素的ID，将充当手柄。句柄必须是一个子元素的内容将被拖入。
相关推荐
-
Javascript拖拽&拖放系列文章3之细说事件对象第1/4页
在阅读本文前,可以先阅读<Javascript拖拽&拖放系列文章2之offsetLeft.offsetTop.offsetWidth.offsetHeight属性>这篇文章,以理清上下文关系.好了,让我们开始进入正题. 模型相同的属性/方法 1 Button属性 Integer类型,可读可写.对于特定的鼠标事件,表示按下的鼠标按钮,它可以在拖拽的时候,判断是否是鼠标左键引发mousedown事件.它的所有取值及其意义(参考自<Javascript高级程序设计>)好了,让我们
-
JavaScript 图片放大镜（可拖放、缩放效果）第1/4页
前些日子突然想做一个透镜效果,就突然想到了这个效果,于是找出当年"珍藏"的代码决定一尝所愿. 前言:这个程序主要分三部分:层的拖放.层的缩放.图片切割(包括预览). 其中层的拖放是很常见的效果,层的缩放有点难度,图片切割看着炫其实原理也很简单. 不过在实现的过程中也学习到很多以前不知道的东西,下面都会说明,希望大家从中也能学到东西. 原理: [拖放程序] 基本原理很简单,不知道的看代码就明白,其中参考了越兔和BlueDestiny的相关文章. 下面说一下比较有用的地方: [范围限制]
-
Java实现鼠标拖放功能的方法
本文实例讲述了Java利用鼠标的拖放来实现交换程序数据的方法,即所谓的鼠标拖放功能.鼠标的拖放功能在图形化系统中非常常用,Java 提供了java.awt.dnd 和java.awt.datatransfer 包来支持该功能.本例演示如何在程序中实现拖放的实现方法,当在窗口上部的"Hello World!"标签点下鼠标,并拖至窗口下部的文本框放开,则在文本框中将添加"Hello World !"文本:继续上述过程,将继续添加该文本. 该程序功能具体的实现思路和方法为
-
asp.net+jquery Gridview的多行拖放， 以及跨控件拖放
复制代码 代码如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="t
-
Vue.js实现拖放效果的实例
页面效果如下所示: 代码请看这里,当当当当: html: <template> <div class='drag-content'> <div class='project-content'> <div class='select-item' draggable='true' @dragstart='drag($event)' v-for='pjdt in projectdatas'>{{pjdt.name}}</div> </div>
-
基于jQuery实现的百度导航li拖放排列效果，即时更新数据库
index.php中 var autoSave = false; 控制不自动提交. index.php 复制代码 代码如下: <?php require 'db.php'; $query = "SELECT `id`,`order`,`name` FROM `limove` ORDER BY `order`"; $lis = mysql_query($query,$conn); $li_count = mysql_num_rows($lis); ?> <!DOCTYP
-
javascript 拖放效果实现代码
有许多理由让你在页面中加入拖放的功能,其中最简单的理由是重新组织数据.举个例子,你可能希望用户能够重组一系列的页面元素,通过放置一个input或 select组件在各个元素的旁边来代表它们的顺序是一种解决方案,使该组元素可以被拖放是一种替代方案.或者也许你想在网站上拥有一个可以被用户移动的导航窗口.这些都是使用拖放功能的简单理由,因为你能够实现! 在你的网页上实现拖放的效果并不是很复杂.首先,我们知道鼠标的位置,然后我们需要了解用户什么时候点击一个元素,以至于我们知道要准备开始拖动它,最后我们要
-
JavaScript实现网页对象拖放功能的方法
本文实例讲述了JavaScript实现网页对象拖放功能的方法.分享给大家供大家参考.具体如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Drag</title> <meta http-equiv=
-
JavaScript 拖放效果代码
这个程序的原型是在做图片切割效果的时候做出来的,那时参考了好几个同类的效果,跟muxrwc和BlueDestiny学习了不少东西. 虽然每次整理都觉得很好了,不过每隔一段时间又会发现得某个地方可以改善,某个地方有错误,某些需求需要实现,就像自己学习的知识那样. 这里考虑到有的人可能只需要简单的拖放,所以有一个简化版的拖放SimpleDrag,方便学习. 效果预览 ps:在maxthon下如果开启广告过滤的话很可能会被过滤掉(不知有什么方法可以避免). 程序说明 [程序原理] 这里以SimpleD
-
脚本div实现拖放功能(两种)
网页上有很多拖曳的操作,比如拖动树状列表,可拖曳的图片等. 1.原生拖放实现 <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI Autocomplete - Default functionality</title> <link rel="stylesheet"