Extensive collection of jquery drag-and-drop plug-ins _jquery

Source: Internet
Author: User
Tags php and
Share some of the great jquery plugin drag-and-drop features today.

With these plugins, you will allow your visitors to personalize the site and its tools according to their needs, and in this way, you provide custom options for the load presentation way

JQuery Mb.containerplus

(Demo | Download

In the establishment of full-featured, fully-skinned containers, this is a useful plug-in. The container can be dragged, resized, folded, and minimized.

jquery's Scroll plugin

(Demo | Download

The scroll is a jquery plugin that requires a picture tag to make the scene of the "projection" of the pre-built animated frame sequence. The goal is to provide 360 ° perspective of something or somewhere. Great alternative to the extensive use of flash and Java technology.

Cropzoom

(Demo | Download

Cropzoom is a plugin that lets you select the image area and then crop it. With this tool in white, you will also be able to zoom in or out, drag and rotate the image.

Jquery.event.drag

(Demo | Download

Special events for jquery Plug-ins enable complex drag interactions, any element, simple but powerful task.

jquery's Textarearesizer Plugin

(Demo | Download

The project allows users to extend the TEXTAREA elements/areas of the page when they feel.

Ppdrag

(Demo | Download

Ppdrag is a jquery drag-and-drop plug-in that mimics the drag interface of the jquery UI. At present the support is a small part of its choice, but the implementation is different (Ppdrag concentrated performance).

The resizable and drag of jquery

(Demo | Download

In this tutorial, we'll show you how to make adjustments and use the jquery UI for div drag. I'll show you a DIV demo that can be pulled up by resizing the edges and also drag them here and there.

Multiple drag Plug-ins for the JQuery UI

(Demo | Download

jquery's multi-drag plug-in jquery UI extension of the drag plug-in. This plug-in expands existing functionality to group and drag elements for a set. The purpose of the plug-in is to include all the current features listed in the options.

Adjustable size

(Demo | Download

With this plugin, you can easily adjust the rectangle with the content.

Drag sharing

(Demo | Download

We've all seen a brilliant mix of news stories and interesting articles that can share the features of social networking sites; The accompanying object's image-driven feature, you click and hold the image, and then drag to the toolbar to share. It's brilliant and intuitive in this article, and I'm going to show you how we can replicate this behavior with the jquery and jquery UI.

The Iviewer of jquery

(Demo | Download

Jquery.iviewer is a jquery UI widget that represents the image browser component that is used to load and view the image with the ability to enlarge the image and drag the mouse in the container.

How to imitate the IGoogle interface

(Demo | Download

In this tutorial, we will show you how to create a customizable interface for a part. The finished product will be a sleek, and quietly coded igoogle-like interface that has plenty of potential applications!

Use jquery and PHP drag ' n drop

(Demo | Download

Drag ' n drop generally looks hard to apply, but it certainly does not use JavaScript frames. Here's how it accomplishes the use of the jquery and jquery UI.

Mapbox

(Demo | Download

jquery's Mapbox () plugin is built to scale a relatively small, scalable, multi-level content drag map. This framework can be applied to games, development plans, or any layout that can benefit from it, and can magnify the peaceful shift to get a better view.

jquery's Interface Plugin

(Demo | Download

An interface is a collection of rich interface components that incorporates the lightweight JavaScript library jquery. With this component, you can build a rich client Web application and interface with writing with jquery simple JavaScript.

Dragscrollable

(Demo | Download

With this plugin, you can create a similar effect on the Google map where you drag a lattice of content as a viewport.

Table drag and drop jquery plugin

(Demo | Download

This TABLEDND plug-in allows users to rearrange rows within a table, for example, if they represent a sequence table (for example, a priority task). Individual lines can be marked as "non-drag and/or not thrown (other rows cannot be dropped to them)." Rows can have many necessary and cell cells that can contain form elements.

Drag

(Demo | Download

The drag plug-in of the JQuery UI drags the selected element through the mouse.

Use jquery to create a drag map

(Demo | Download

In this tutorial, we will build a drag map with jquery.

PHP and jquery drag and drop

(Demo | Download

With this plugin, you can use PHP and jquery to drag on what's easy.

To drag and drop sortable lists

(Demo | Download

Drag-and-drop sortable lists, JavaScript, and CSS

List of jquery Dragsort

(Demo | Download

A JavaScript file that provides the ability to use a drag-and-drop sort list. The built-in jquery framework.

jquery can be dragged

(Demo | Download

Drag and Drop Verification code

(Demo | Download

Ajax Fancy Captcha is a jquery plugin that can help you protect your Web pages from bots and spam. We introduce you to a new, intuitive way to complete the "humanized" task verification. In order to do this you are asked to drag and drop to the specified item, a circle.

jquery: Custom layouts, using drag-and-drop (examples)

(Demo | Download

Drag and drop the items within and between the list. A visual-assisted display that the item will be positioned if dropped.

Jqdnr

(Demo | Download

JQDNR is a lightweight plugin that lets you drag, remove, and adjust elements of jquery.

Collapsible drag and drop print drop

(Demo | Download

Dragging the Print Drop panel is great and allows the user to control the information he or she wants to see, and he can arrange various pieces of information according to his preferences. This type of functionality is often provided through the portal site or similar igoogle Personal homepage service.

Dragndrop

(Demo | Download

With this plugin, you can drag and drop a simple method.

Drag picture frame

(Demo | Download

In this tutorial, we will create a full screen image and a grid template for the content area. Our idea is to have a drag grid that displays thumbnails and similar items menu boxes. Once clicked, the thumbnail expands to a full-size image and menu item and expands to the full screen of the content area.

Jdock

(Demo | Download

Animadrag

(Demo | Download

Animadrag is a lightweight drag-and-drop plug-in that is a standalone jquery UI framework. Animadrag allows you to drag project jquery animations without allowing UI draggables to be alleviated.

Easydrag jquery Plugin

(Demo | Download

It's very simple, first you call the Easydrag () method, in the old version, and then you call the SetHandler () method passed to its element ID, which will act as a handle. The handle must be a child element and the contents will be dragged in.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.