`
huibin
  • 浏览: 739843 次
  • 性别: Icon_minigender_1
  • 来自: 郑州
社区版块
存档分类
最新评论

jquery UI: 推荐8个独特应用的JQuery拖放插件Table Drag plugin

阅读更多

推荐8个独特应用的JQuery拖放插件                        
                                                            Web2.0很重要的一个特征就是交互性的强化,而拖放的引入,可以起到很好的交互效果,JQuery  UI包已经包含了拖放,但拖放的应用不只应用于层的拖拉,接下来明河推荐几个独到的应用拖放的JQuery插件。
明河是推荐直接使用jquery UI包中的拖放,当你的需求jquery 拖放UI无法满足时,不妨看下以下插件
1、Superfun

示例中演示了对倾斜容器的拖放,当然这个demo不兼容IE。
2、CropZoom

拖放在图片剪切中的应用,这个朋友么应该不陌生,这个jquery插件的强大之处在于,你不只可以改变剪切区域,还可以控制图片大小,以及图片的旋 转。
3、Jquery Iviewer

这款jquery插件可当做web地图的基础模型,对web地图有兴趣的朋友很有参考意义。
4、Dragscrollable

当你在容器内进行拖拉时滚动条也会随之滚动,明河觉得有意思的地方在于标尺。
5、Table  Drag and Drop JQuery plugin

表格行数据拖放。
6、 jquery  mb.containerPlus

华丽的弹出窗体拖拉,你可以自由的控制弹出的窗体。
7、Creating  a Draggable Sitemap with JQuery

可拖放的站点地图……貌似实际意义不大。
8、jQuery Reel Plugin

这个插件很有意思,产生类似全景的效果。
http://www.iwanna.cn/archives/2010/07/11/4460/

 

分享到:
评论

相关推荐

    表格拖拽排序插件 Table Drag and Drop JQuery plugin v0.7

    表格拖拽排序插件 Table Drag and Drop JQuery plugin v0.7 最新0.7版本

    jQuery-ui Demo 官方UI插件

    最新官方jQuery UI插件 主流特效Demo,绝不含糊。 好东西不需要过多的言辞修饰,下了就知道! 所有效果说明: 基本的鼠标互动: 拖拽(drag and dropping)、排序(sorting)、选择(selecting)、缩放(resizing) 各种...

    portlets jquery drag插件

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

    jQuery ui drag插件实现浮动div拖动排列布局代码

    jQuery ui drag插件实现浮动div拖动排列布局代码 jQuery ui drag插件实现浮动div拖动排列布局代码

    JQuery UI/API/1.7 中文帮助文档

    假如你不仅仅只想要拖动,而是想要拖动并且填充,那么请看看jQuery UI Droppable 插件,它提供一个可以被填充的目标. 所有的回调函数(start, stop, drag)接受两个参数: 浏览器事件和ui对象, 此对象请查看下面的文档 :...

    drag:HTML5拖放式jQuery插件

    比jQuery-ui的可拖动性能要好得多,具有更原生的应用程序感觉,并且没有膨胀。 编写的dagron 插件的启发用法示例 $ ( '.selector' ) . drag ( ) ; 默认情况下,它将使用主体作为放置目标您可以将可选的options对象...

    jquery.dragtable.js

    bootstrap-table拖拽需要dragtable.css,jquery.dragtable.js,jquery-ui.js,bootstrap-table-reorder-columns.js

    jQuery拖拽插件drag.js

    jQuery拖拽插件drag.js

    Jquery拖拽插件

    * jQuery lightbox plugin : simple lightbox implements * http://blog.csdn.net/xxd851116 * * @Copyright (c) 2009 XingXiuDong * * @Date: 2009-09-20 * @author: XingXiuDong * @version: 1.0 simple ...

    HTML5拖放(Drag和Drop)的例子

    拖放是一种常见的特性,即抓取对象以后拖到另一个位置。 目前浏览器支持情况:Internet Explorer 9、Firefox、Opera 12、Chrome 以及 Safari 5 支持拖放。注释:在 Safari 5.1.2 中不支持拖放。 HTML5 Drag Drop ...

    jQuery官方UI插件

    这些实例主要有: ... 手风琴式的折叠菜单(accordions)、日历(date pickers)、对话框(dialogs)、滑动条、(sliders)、表格排序(table sorters)、页签(tabs)、放大镜效果(magnifier)、阴影效果(shadow)

    JQuery-tableDnD 拖拽的基本使用 Table Drag and Drop JQuery plugin

    NULL 博文链接:https://justcoding.iteye.com/blog/2107209

    jquery.event.drag jquery拖动插件

    jquery.event.drag jquery拖动插件

    拖放文件增强Drag'n'DropEditor1.0超级拖放文件官方版

    拖放文件增强(Drag'n'Drop Editor) 打开 Drag’n'Drop Editor ,点击你所希望的行为——复制、移动或创建快捷方式。无论你如何拖放,系统都会默认执行这种行为。当你不需要时,也只需点击一下 Uninstall Exploerer ...

    drag_n_drop:AngularJS 1.x拖放指令(jQuery UI)

    AngularJS 1.x拖放指令(jQuery UI) ###演示: ##特征: 支持jQuery UI的所有功能可拖放全局和每个元素轻松配置代码小(如果您已经在项目中使用jQuery和jQuery UI) ##入门:(1)使用凉亭安装bower install ...

    vc++拖放文件(dragfile)

    该压缩包内有两个工程,用两个方法实现了向窗口拖放文件时获取文件的路径信息,从而实现对文件的操作

    jQuery LigerUI V1.1.9

    jQuery LigerUI 是基于jQuery的一系列UI控件组合,简单而又强大,致力于快速打造Web前端界面解决方案。 因为是前端控件,跟服务器无关,可以适合.net,jsp,php等等web服务器环境。目前全部插件的打包压缩JS只有100K...

    Mobile-Drag-and-Drop-UI:使用移动设备的 Jquery UI 的拖放列表的基本示例

    移动拖放式 UI 使用移动设备的 Jquery UI 的拖放列表的基本示例 #Example

Global site tag (gtag.js) - Google Analytics