jQuery 的拖放操作插件集合
来源:互联网 发布:上网时间控制软件 编辑:程序博客网 时间:2024/05/14 03:33
转自:http://news.cnblogs.com/n/173616/
本文收录了一组 jQuery 用于实现网页上的元素拖放操作的插件,介绍内容大同小异,不再翻译,大家通过截图可大概了解该插件的情况。
jquery.event.drag
jquery.event.drag is an awesome jQuery special event plugin which lets you add sophisticated drag interactions to any of the elements! Great, right?
How to mimic the iGoogle Interface
Everyone loves iGoogle interface and wants to imitate it. This one is a great tutorial in which you will be taught creating customizable iGoogle like interface with widgets. It is a really easy to follow tutorial and anyone can learn from it.
PPDRAG
This one is a great plugin which imitates the interface of jQuery UI’s Draggable. Presently small subsets of its options are supported.
Resizable
Resizable is a handy plugin which has the ability of resizing rectangles with content with ease.
Jquery Iviewer
It is a jquery UI widget which represents photo component which is used for loading and viewing photos. It allows zooming in a photo and dragging it to the container using your mouse.
Drag’n Drop With jQuery And PHP
Applying drag and drop was once very tough, but now thanks to JavaScript frameworks it is not that tough. Here it is given how you can do it using jQuery & jQuery UI.
MapBox
This jQuery plugin lets you create small scale, zoomable, draggable maps with multiple layers of content. Applying the Framework to games, development plans, or any other layout is possible.
Table Drag and Drop JQuery plugin
Making the rows within a table drag and drop is not an easy task and cannot be achieved through the usual drag and drop tools for many reason, such as the need to move the complete row and not only the cell which gets the mouse events. You are also required to have a certain code for re-parenting a row. Unfortunately the effects such as fade In/fade Out are not very compatible with table rows on all browsers, thus we are required to choose simpler effects.
Dragscrollable
This fabulous plugin allows mimicking the effect as in Google maps i.e., dragging the contents of a div acting as a viewport. Simple, yet amazing!
Interface plugin for jQuery
This plugin boasts a collection of amazing interface components that uses the JavaScript library jQuery. Using this plugin you can create web apps and interface with ease.
Draggable
This one is a simple plugin which simply does what its name says: it allows making chosen elements draggable by mouse.
jQuery: Customizable layout using drag and drop [Examples]
This one shows how and where the things would be positioned after being dropped..
NestedSortable
This one lets you sort vertically and nest elements simultaneously by utilizing drag and drop. You can set it up like a regular Sortable. It allows using most of its options.
animaDrag
animaDrag is a fabulous plugin which is quite small. This drag and drop plugin is not dependent on the jQuery UI framework. Using this plugin you can ease the draggable by jQuery animation.
Ajax Upload; A file upload script with progress-bar, drag-and-drop
This is a really nice plugin which utilizes XHR in order to upload multiple files with progress-bar
jqDnR
jqDnR is a really tiny jQuery plugin which allows dragging, dropping, and resizing elements easily.
(mb) ImgNavigator
This one offers a photo gallery which lets you view large photos by utilizing a navigator map and drag. Dragging the large photo in the display by the navigator or the photo itself is also possible.
Sortable Lists
This one is a really nice script which lets you rearrange a list by dragging and dropping.
Drag-and-Drop with jQuery: Your Essential Guide
If you want to learn using jQuery, jQuery UI Draggable and Droppable plugins, then you should definitely check this one out. It also teaches creating drag-and-drop interfaces for your web pages. It also boasts a drag and drop card game example!
Ultra small code to drag everything in HTML pages
This one is a really simple and and quick script which you can use and customize.
$.event.special.drag
As the name suggests, this one is a jQuery special event implementation of a drag event model. Developers who don’t want a complex script with a lot of different options will find this one really useful. It makes managing drag events easy as it takes care of the DOM events after you have bound a “drag” event handler, and it triggers other handlers at the right time.
jQuery mb.containerPlus
This one is an amazing plugin which allows creating full featured containers. You can set the container to be draggable, resizable, collapsable and minimizable.
CropZoom
As the name suggests, this plugin allows cropping a selected part of a photo. Zooming in or zooming out, dragging or rotating a photo is possible too.
jQuery TextAreaResizer plugin
As the name suggests, this plugin lets you extend the text area where ever you want!
jQuery List DragSort
This one is a handy little plugin that allows sorting lists by dragging and dropping.
- jQuery 的拖放操作插件集合
- 30 个最棒的 jQuery 的拖放插件
- 广泛收集的jQuery拖放插件
- 广泛收集的jQuery拖放插件
- 广泛收集的jQuery拖放插件
- jquery拖放排序插件
- jQuery拖放排序插件DDSort
- 推荐:8个独特应用的JQuery拖放插件
- 4、jQuery插件之dragdrop拖放插件
- jQuery插件jquery ui实现拖放
- jQuery插件:超酷的多列网格式拖放插件gridster.js
- jQuery插件:超酷的多列网格式拖放插件gridster.js
- jQuery Select的操作集合
- jQuery的Select操作集合
- jQuery的Select操作集合
- jQuery的Select操作集合
- jQuery的Select操作集合
- jQuery的Select操作集合
- 《C++ primer》学习笔记 读于2012-8-07
- C++中Static作用和使用方法
- iphone越狱 -- 红雪越狱工具
- Unicode和字符串处理
- PHP二级联动下拉菜单
- jQuery 的拖放操作插件集合
- pthread_create用法
- Java调用mysqldump
- 本地计算机网络信息的获取
- 一口一口吃掉Struts(四)——几个知道就可以的属性
- poj 1691 搜索
- pig 安装部署及mapreduce模式下测试
- 《精通MFC》读书笔记 读于2012-8-17
- 扫描子网中的地址+Pings模拟