`

Draggable - 拖放插件

阅读更多

   1) SpryMap一个超级轻量级的依赖于 JavaScript 的小组件,能够让 HTML 元素实现类似 Google Maps 中的点击和拖拽效果。

主页:

 

SpryMap

 

     2)Dragdealer JS是一个JavaScript组件,用于创建支持拖拉操作的界面(如:Slider)。可以上下或左右拖拉,定义slider(x/y)的初始位置,设置每次拖拉的步长。
 
Dragdealer JS

 

     3)OverScroll基于Jquery在网页上实施类似 iphone 的拖放滚动效果。
 主页:

 

OverScroll

 

     4)jQuery Drag and Drop 为开发人员实现dom拖拽提供了更简单的方法, 并可以监视对象dom的位置以便进行数据(position)存储...
 
jQuery Drag and Drop

 

      5)Drag and drop table content with JavaScript利用这个JavaScript Lib只需少量代码就能够实现表格内容的拖曳。可以将单元格中的内容拖至其它单元格或其它表格中。
主页:

  6)Table Drag and Drop JQuery plugin这个jQuery插件能够为HTML表格添加行拖放(Drag and Drop)功能。

 
Table Drag and Drop JQuery plugin

 

分享到:
评论

相关推荐

    draggable-swimlane-editor:可拖拽的泳道图编辑器

    在"draggable-swimlane-editor"中,"react-beautiful-dnd"被用来实现泳道和其中任务的拖放行为,使得用户可以直观地重新排序和分配任务。 关于技术栈,"TypeScript"的使用是另一个值得注意的点。TypeScript是...

    Angular-ui-grid-draggable-rows.zip

    Angular-ui-grid-draggable-rows.zip,HTML5拖放功能,用于Angular UI GridDragable Rows插件,用于UI Grid,Angularjs于2016年发布,是Angularjs的重写版。它专注于良好的移动开发、模块化和改进的依赖注入。angular...

    高性能HTML和SVG元素拖拽js插件plain-draggable

    plain-draggable是一款专为HTML和SVG元素设计的高性能JavaScript拖放插件,它使得开发者能够轻松地将网页元素转化为可拖动的对象,极大地增强了用户的互动体验。 一、plain-draggable 插件概述 plain-draggable...

    Vue使用vue-draggable 插件在不同列表之间拖拽功能

    在Vue项目中实现不同列表之间的拖拽功能,我们可以利用`vue-draggable`这个强大的插件。`vue-draggable`是基于Sortable.js封装的Vue组件,它允许我们在Vue应用中实现拖放功能,支持Vue 2.x。 首先,你需要通过npm...

    kap-draggable:拖放共享录音

    插件-打开带有gif的窗口,因此您可以将其拖放到其他地方,例如GitHub。 安装 在Kap菜单中,转到Preferences… ,选择Plugins窗格,找到该插件,然后单击Install 。 用法 在编辑器中,录制后,选择GIF ,然后选择Drag...

    vue.draggable.next:基于Sortable.js的Vue 3兼容拖放组件

    vue.draggable.next Vue组件(Vue.js 3.0)允许拖放并与视图模型数组同步。 对于Vue 2和Vue 1版本,请检查: : 基于并提供所有功能 演示版 现场演示 特征 全面支持功能: 支持触摸设备 支持拖动手柄和可选文本 ...

    jquery-文字拖放效果

    在实际项目中,除了基础的jQuery实现外,还可能存在一些预封装的拖放插件,如jQuery UI的`draggable`和`droppable`组件,它们提供了更完善的拖放功能,包括边界限制、吸附效果等。 在压缩包中的"公式demo"可能是...

    jquery拖放插件

    jQuery拖放插件是这个库的一个扩展,为网页元素提供了拖放功能,使得用户可以通过鼠标轻松地移动元素,从而实现更加互动和用户友好的界面。在这个“jquery拖放插件”压缩包中,包含的文件可能是一个实现了拖放功能的...

    广泛收集的jQuery拖放插件集合

    在本文中,我们将探讨jQuery中的一个重要特性——拖放功能,以及一系列相关的jQuery插件。 首先,jQuery的拖放功能通常通过jQuery UI库实现,它提供了易于使用的API来创建可拖动的元素。然而,除了jQuery UI,还有...

    jQuery的拖放插件Gridly

    **jQuery的拖放插件Gridly详解** 在Web开发中,交互性和用户体验是至关重要的因素。jQuery,作为一款广泛使用的JavaScript库,提供了丰富的API和插件来增强网站的交互功能。Gridly就是这样一个jQuery插件,它专注于...

    jquerytopdroppable是一款非常实用的jQueryUI拖拽拖放插件

    `jQuery top-droppable`插件是基于流行的jQuery UI库的一个扩展,专为实现高效、灵活的拖放操作而设计。这个插件允许开发者轻松地创建可拖动的元素,并将它们放置到预定义的可接受目标(或称为“drop zones”)中,...

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

    这个插件允许用户通过简单的拖放操作重新排列列表项,并在刷新页面后保持新的顺序。当然,这个示例可以进一步优化,例如添加动画效果,或者处理更复杂的交互情况。总的来说,jQuery提供了一个强大的基础,让我们能够...

    ember-drag-drop:Ember CLI的拖放插件

    灰烬拖放 您的Ember CLI应用程序的简单拖放插件。 目的是使您无需在浏览器的低级D&D API方面成为专家就可以向应用程序添加拖放。 要使用此插件,您不需要: 关于浏览器如何实现拖放的任何知识。 曾经处理过浏览器的...

    拖拽拖放插件DAD

    《拖拽拖放插件DAD:jQuery实现的交互增强技术》 在现代网页开发中,用户交互体验已经成为衡量一个网站或应用质量的重要标准之一。拖拽拖放(Drag and Drop,简称DnD)功能作为提升用户体验的有效手段,被广泛应用...

    vue-draggable:Vue拖放库,没有任何依赖关系:OK_hand:

    安装插件 import Vue from 'vue' import VueDraggable from 'vue-draggable' Vue . use ( VueDraggable ) 本地设置指令 import { VueDraggableDirective } from 'vue-draggable' export default { directives : { ...

    easy-draggable:具有触摸支持的纯Angular js拖放插件

    "easy-draggable"是一个专为Angular JS设计的拖放插件,其特点是具有触摸支持,这意味着它不仅适用于桌面环境,还能在移动设备上提供流畅的拖放体验。"纯Angular js"强调了这个插件是完全基于Angular JS框架构建的,...

    vue-draggable 生成调查问卷

    这款插件是基于Sortable.js构建的,它为Vue提供了强大的拖放和重新排序的能力,使得用户界面更加交互性和动态。在这个“vue-draggable生成调查问卷”的项目中,我们将探讨如何利用Vue.Draggable来创建一个可自定义的...

    react-dragndrop:简单的拖放插件

    该库带有2个React组件: <Draggable>和<DropTarget> 。 为了使这两个组件能够相互通信,必须使用以下代码创建DragDropManager的实例: import {DragDropManager, Draggable, DropTarget} from 'react-dragndrop'let...

    最新Sortable – 简单灵活的 js拖放排序插件

    在这段代码中,`Sortable.create`初始化了一个新的排序实例,'container'是你要排序的元素ID,'group'参数定义了可以相互拖放的元素组,'handle'指定拖动的触发元素,'draggable'指定了哪些元素是可拖动的,而'onEnd...

    jquery draggable总结

    7. **与其他组件的配合**:如果需要实现完整的拖放功能,可以结合使用`Droppable`插件,它定义了目标区域,使得拖动元素可以被放置到特定位置。 8. **事件绑定**:除了回调函数,还可以通过`on`方法绑定自定义的...

Global site tag (gtag.js) - Google Analytics