`
cfnet
  • 浏览: 47967 次
  • 性别: Icon_minigender_1
  • 来自: 合肥
社区版块
存档分类
最新评论

15个Jquery拖拽插件

阅读更多

15个jQuery拖拽插件,让你的网页随鼠标动起来!

$.event.special.drag

实现了简单的拖动功能,兼容性强!

drag and drop jquery plugins

(mb)ConteinersPlus

ConteinersPlus是个强大的jQuery拖拽插件,可以实现拖动、缩放、最大化和最小化。

drag and drop jquery plugins

resizable

resizable可以实现Div可缩放。

drag and drop jquery plugins

jQuery Iconize Plugin

jQuery Iconize 插件是一个稳定、轻巧、兼容各浏览器的jQuery插件。可以实现各种拖拽功能。

drag and drop jquery plugins

ppDrag

简单易用的jQuery拖拽插件。

drag and drop jquery plugins

NestedSortable

NestedSoreable不仅可以实现鼠标拖拽功能,还能实现实时排序。

drag and drop jquery plugins

jQuery File Tree Aza’s revised version

一个jQuery文件管理器,支持拖拽功能。

drag and drop jquery plugins

Dragscrollable

实现用拖拽替代滚动条。

drag and drop jquery plugins

dragndrop

轻巧易用的jQuery拖拽插件。

drag and drop jquery plugins

Collidable Draggables

Collidable Draggables可以实现两种拖拽模式,一种是两个拖拽窗口可重叠,另一种是可相撞。

jQuery UI multiple draggable plugin

jQuery UI的拖拽插件,功能强大。

drag and drop jquery plugins

jQuery List DragSort

一个轻巧的jQuery拖拽排序插件

drag and drop jquery plugins

Jquery iviewer

JQuery.iviewer是一个用于图片拖拽插件,类似于google 地图。

drag and drop jquery plugins

(mb)ImgNavigator

另一款图片拖拽插件。

drag and drop jquery plugins

$().mapbox

Mapbox 支持图片的拖拽、缩放,类似于google 地图。

drag and drop jquery plugins

来源:http://blog.luluui.info/15-jquery-drag-and-drop-plug-in/

分享到:
评论

相关推荐

    好用实用的jquery拖拽插件

    本文将详细介绍一个好用实用的jQuery拖拽插件,帮助开发者轻松实现拖放功能。 ### 1. jQuery UI Draggable jQuery UI 是jQuery的一个扩展库,提供了包括拖拽在内的多种交互组件。`draggable()`是jQuery UI中的一个...

    jQuery拖拽插件drag.js

    首先,我们要明确jQuery拖拽插件drag.js的核心功能:它允许用户通过鼠标或触摸事件来拖动DOM元素,实现元素在页面上的自由移动。这在创建可自定义布局、拖放排序列表或者构建交互式界面时非常有用。 拖拽插件的工作...

    jQuery拖拽插件

    jQuery拖拽插件是Web开发中的一个常用工具,它极大地简化了网页元素的拖放功能实现。在本案例中,我们关注的是一个独立的jQuery插件——draggable,它不依赖于完整的jQuery UI库,因此可以更加轻量级地集成到项目中...

    jQuery拖拽插件制作拖拽排序特效.zip

    jQuery拖拽插件是这个库的一个扩展,它允许用户通过鼠标拖动元素来实现各种交互效果,例如在列表或网格中的拖拽排序。本教程将深入讲解如何利用jQuery制作拖拽排序特效,这将极大地提升用户体验,尤其是在数据管理或...

    jQuery拖拽插件啦啦啦

    "jQuery拖拽插件"是jQuery生态中的一个重要组成部分,它允许开发者轻松实现网页元素的拖放功能,提升用户体验。下面将详细探讨jQuery拖拽插件的相关知识点。 1. **基本原理**: jQuery拖拽插件的工作原理通常是...

    jQuery拖拽布局插件Portal

    "jQuery拖拽布局插件Portal"是基于jQuery的一个扩展,专门用于实现用户界面元素的拖放和自定义布局功能。在网页设计和开发中,这种插件能够为用户带来高度互动性和个性化体验,常应用于仪表盘、工作台或自定义配置...

    jQuery拖拽排序插件

    总之,这个"jQuery拖拽排序插件"提供了一个简单且强大的解决方案,使得开发者能够轻松地在网页上实现拖放排序功能,提高了用户与网页的互动性。通过理解和应用这个插件,开发者可以创建更加动态和用户友好的Web应用...

    jquery插件库大全(200个).zip

    jquery插件库大全(200个): jqueryQQ表情插件 jquery下拉菜单导航 jquery下拉菜单栏 jquery仿Windows系统选中图标效果 jquery仿京东商品详情页图片放大效果 ...jquery拖拽布局 jquery拖放插件 jquery

    jQuery拖拽插件制作拖拽排序特效

    在本文中,我们将深入探讨如何使用jQuery来创建一个拖拽排序特效插件。jQuery是一个流行的JavaScript库,它简化了DOM操作、事件处理和动画效果,使得实现拖放功能变得更为容易。拖放功能允许用户通过鼠标操作直接...

    jquery拖拽插件源码

    本文将详细解析"jquery拖拽插件源码"的相关知识点,包括如何实现拖拽功能、涉及的核心jQuery方法以及相关文件的作用。 首先,让我们了解拖拽功能的基本原理。在Web开发中,实现拖放(Drag and Drop)效果通常涉及到...

    基于jquery+canvas实现的拖动插件

    本项目以"基于jquery+canvas实现的拖动插件"为主题,利用jQuery与HTML5的Canvas API,创建了一个允许用户点击并拖动图形的功能。 Canvas是HTML5引入的一个强大特性,它提供了一个二维的绘图表面,开发者可以使用...

    Jquery 拖拽插件支出手机端电脑端

    在实际开发中,这个jQuery拖拽插件的使用步骤通常包括以下几步: 1. 引入jQuery库和拖拽插件的JavaScript文件,例如`jquery-udraggable20150831.js`。 2. 在HTML中选择需要拖动的元素,并添加特定的类名或ID以供...

    拖动排序元素jquery插件

    标题中的“拖动排序元素jQuery插件”是指一个基于jQuery的插件,它的主要功能是允许用户通过直接拖放页面元素来调整它们的顺序。这种交互方式极大地提升了用户体验,尤其是在处理列表、网格或卡片视图等需要用户...

    jquery拖拽 很强大的插件 定位拖拽

    "jQuery拖拽"是jQuery库中的一个功能,允许用户通过简单的API实现元素的拖放功能,使得网页元素可以被轻松地拖动和定位,极大地提升了用户体验。在网页应用中,这种功能常见于各种界面构建工具、日历应用、文件管理...

    jquery.event.drag jquery拖动插件

    这个插件为jQuery对象添加了拖放事件处理,使得开发者能够轻松实现元素的拖动功能。 二、核心原理 1. **事件绑定**:`jquery.event.drag`通过绑定`mousedown`、`mousemove`、`mouseup`等鼠标事件来实现拖动行为。...

    jQuery拖动插件自定义div拖动代码.zip

    在本项目中,我们关注的是一个使用jQuery实现的拖动插件,该插件允许用户自定义div元素并实现拖动功能。这个插件适用于那些希望在网页中创建交互式、可拖动组件的开发者。以下是对这个jQuery拖动插件的详细分析和...

    jquery拖拽插件

    jQuery拖拽插件允许用户通过鼠标拖动元素在网页上移动,为网页增添动态效果,提高用户参与度。这些插件通常基于jQuery核心库,通过监听鼠标事件,结合CSS操作实现元素的动态定位。例如,知名的jQuery UI库就包含了...

    jQuery拖拽插件制作拖拽排序效果代码

    在本文中,我们将深入...总的来说,jQuery拖拽插件制作拖拽排序效果的核心在于理解拖拽事件的处理和DOM操作,以及如何优雅地封装成一个可复用的插件。通过实践和不断优化,你可以创建出用户体验极佳的拖拽排序功能。

    jQuery拖拽插件Shapeshift.zip

    《jQuery拖拽插件Shapeshift深度解析》 在当今的网页开发中,交互性和用户体验是至关重要的元素,而jQuery库凭借其强大的功能和简洁的API,成为了许多开发者首选的JavaScript工具。今天,我们将深入探讨一款基于...

    jquery拖拽排插件

    jQuery 拖拽插件 REDIPS_drag 提供了一个强大的工具,使得前端开发者能够轻松地为网站或应用添加拖放功能。其丰富的示例和高度的可配置性使其成为实现复杂拖放交互的理想选择。通过深入理解并熟练掌握这个插件,...

Global site tag (gtag.js) - Google Analytics