`
tianyaxiang
  • 浏览: 306214 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类

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

3
2
分享到:
评论

相关推荐

    Angular-ui-grid-draggable-rows.zip

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

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

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

    kap-draggable:拖放共享录音

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

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

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

    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 : { ...

    react-dragndrop:简单的拖放插件

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

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

    易用药 具有触摸支持的纯Angular js拖放插件

    jquery.ui.draggable中文文档(原文翻译)

    如果需要的不仅仅是拖, 而是一个完整的拖放功能, 请参阅JQuery UI 的Droppable插件, 该插件提供了一个draggable放的目标.所有的回调函数(start, stop, drag等事件)接受两个参数: event: 浏览器原生的事件ui: 一个...

    portlets jquery drag插件

    jquery drag插件, 拖放插件(Drag and Drop) UI/Draggables. EasyDrag jQuery Plugin. jQuery Portlets. jqDnR - drag, drop resize. Drag Demos.

    vue-sticky:Vue Sticky是一个简单的便签应用程序,可以拖动

    拖放笔记 玩酷字体 科技类 Vue3 打字稿 尾风CSS Vue Composition API vue-draggable-next 项目设置 yarn install 编译和热重装以进行开发 yarn serve 编译并最小化生产 yarn build 整理和修复文件 yarn lint 发展...

    vue-dnd-zone:vue.js插件,具有拖放功能

    vue-dnd-zoneVue.js的拖放功能-用Vue.js编写vue-dnd-zone是一个vue.js插件,具有拖放功能。 它不是外部js库的包装器,而是用于管理拖放事件和数据模型状态的一组vue组件示例,演示,API: 特征平稳过渡拖动时自动...

    vue插件draggable实现拖拽移动图片顺序

    主要为大家详细介绍了vue插件draggable实现拖拽移动图片顺序,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

    backbone-draganddrop-delegation:使用本机类事件在浏览器中进行一致的拖放

    使用本机类事件在浏览器中进行一致的拖放。 有关更多信息,请访问: : 注意:不适用于下面的IE8 er。 这是一个jQuery插件,因此它需要jQuery,而Backbone也需要jQuery。 Backbone . View . extend ( { tagName ...

    drop_drag_contact:在 CCTO 等中拖放。 字段 - RC Webmail (WIP)

    插件 drop_drag_contact 在 CC/TO/等中拖放。 字段(测试版)安装 : 在圆形立方体安装的插件文件夹中下载插件。 将“drop_drag_contact”(如果尚未定义,则为+“jqueryui”)添加到 cfg 文件中的 $config['plugins...

    在iOS和MacOS上进行Flutter的本机拖放-Swift开发

    iOS和MacOS上Flutter的本机拖放native_draggable一个新的flutter插件项目。 入门该项目是Flutter插件程序包的起点,Flutter插件程序包是一个特殊的程序包,其中包括适用于Android和/或iOS的平台特定的实现代码。 要...

    vue-js-grid:Vue.js 2.x响应式网格系统,具有顺畅的排序,拖放和重新排序功能

    Vue.js网格(实验) :warning: 这是一个实验,而不是可用于生产的插件Vue.js的固定大小网格这是该插件的第一个版本。 如果您发现任何错误和/或想要做出贡献,请随时创建问题,PR,或在Twitter上与我联系! :thumbs_...

    jQuery实现QQ头像裁剪功能实例.rar

    而本次提供的为jQuery网页版图片裁剪的效果,本例主要是通过css的clip来裁剪图片可视区域,拖动剪裁窗口这里使用了JQ-UI的draggable插件(但是缩放没有,贪方便可以使用Resizable插件,但都用插件的话就没有研究的...

    ember-drag-drop-sort:以琥珀色方式拖放,排序和排序组件

    余烬拖放排序本自述文件概述了与此Ember插件进行协作的细节。安装git clone 此存储库cd ember-drag-drop-sort npm install跑步ember serve 访问位于应用程序。运行测试npm test (运行ember try:each以针对多个Ember...

    ppDrag-开源

    ppDrag 是一个非常快速的 jQuery 拖放插件,它模仿了 jQuery UI 的 Draggable 界面。 当前支持的是其选项的一小部分,但实现是不同的(ppDrag 侧重于性能)。

    详解Html5原生拖拽操作

    在H5中要想实现拖放操作,至少需要经过两个步骤:1) 将想要拖放的对象元素的draggable属性设为true(img与a元素默认允许拖放);2) 编写与拖放相关的事件处理代码。为了测试简便,我这里首先使用jQuery库完成拖拽的...

Global site tag (gtag.js) - Google Analytics