自拍偷在线精品自拍偷,亚洲欧美中文日韩v在线观看不卡

27個(gè)jQuery網(wǎng)頁(yè)拖放操作的插件

開(kāi)發(fā) 前端
這篇文章為你介紹27個(gè)jQuery插件,使得你的Web前端具備拖放操作的能力。

這篇文章為你介紹27個(gè)jQuery插件,使得你的Web前端具備拖放操作的能力。

Ajax Upload

提供文件拖放上傳,并顯示上傳進(jìn)度

Drop n’ Save – Drag & Drop Uploader

另外一個(gè)文件拖放上傳功能的實(shí)現(xiàn)。

MORE INFO |DEMO by Codecanyon (premium plugin)

jqDnR

jqDnR作為jQuery是一個(gè)輕量級(jí)的,讓你拖、放自如,并且調(diào)整其大小的元素插件。這個(gè)插件很簡(jiǎn)單,重量輕(972字節(jié)),非常容易實(shí)現(xiàn)。 能夠讓您的網(wǎng)站更方便用戶(hù)使用。

jQuery Drag Expose | Draggable Image Gallery

使用一種不同的方式來(lái)顯示照片,并可進(jìn)行拖放操作

MORE INFO |DEMO by Codecanyon (premium plugin)

Sortable Lists

很酷的腳本用來(lái)對(duì)列表進(jìn)行拖放操作

jQuery OneByOne Slider Plugin

OneByOne Slider 是一個(gè)輕量級(jí)的 jQuery 插件,可用來(lái)顯示圖片和文本,使用 CSS3 動(dòng)畫(huà)效果,支持觸摸設(shè)備上的左右滑動(dòng),可使用鼠標(biāo)拖放操作進(jìn)行顯示

MORE INFO |DEMO by Codecanyon (premium plugin)

Table Drag and Drop JQuery plugin

在表格內(nèi)對(duì)行數(shù)據(jù)進(jìn)行拖放

Dynamic Drag’n Drop With jQuery And PHP

Drag’n drop 是一個(gè)完全使用 jQuery & jQuery UI 實(shí)現(xiàn)的拖放功能。

Easy Scroll

可輕松實(shí)現(xiàn)拖放滾動(dòng)效果的頁(yè)面。

MORE INFO |DEMO by Codecanyon (premium plugin)

Draggable

一個(gè)基于jQuery的拖放插件,易于使用,所有的操作均通過(guò)調(diào)用draggable進(jìn)行。

Drag-and-Drop with jQuery: Your Essential Guide

學(xué)習(xí)如何使用 jQuery 和 jQuery UI 的拖放插件來(lái)創(chuàng)建具有拖放效果的 Web 應(yīng)用,包含一個(gè)完整的撲克牌拖放操作演示。

Zoomer jQuery Products Showcase

Zoomer! 是一個(gè)用來(lái)顯示產(chǎn)品列表的工具,內(nèi)置縮放和拖放功能。

MORE INFO |DEMO by Codecanyon (premium plugin)

animaDrag

AnimaDrag 允許拖拉的元素具有動(dòng)畫(huà)效果。

Ultra small code to drag everything in HTML pages

這是一個(gè)很基本的快速實(shí)現(xiàn)拖放操作的教程,可重用以及個(gè)性化定制。

$.event.special.drag

這是 jQuery 的事件實(shí)現(xiàn)拖放事件模型,開(kāi)發(fā)者無(wú)需了解太多拖放的細(xì)節(jié)。

(mb)ConteinersPlus

很有用的插件用于實(shí)現(xiàn)皮膚化的容器,支持拖拉、大小更改以及最小化等操作。

resizable

可對(duì)元素使用拖放操作來(lái)更改大小

ppDrag

ppDragjQuery 的拖放插件,簡(jiǎn)化了 jQuery UI‘s Draggable.

NestedSortable

jQuery File Tree Aza’s revised version

Dragscrollable

用于在一個(gè)可視范圍內(nèi)滾動(dòng)一個(gè)很大的嵌套層,類(lèi)似地圖。

dragndrop

輕松實(shí)現(xiàn)拖放操作

Collidable Draggables

Adds collision detection to draggable objects. Add “collide: ‘block’” or “collide: ‘flag’” when you create a draggable: $(".box").draggable({collide: 'flag'}); or $(".box").draggable({collide: 'block'}); In ‘flag’ mode overlapping objects receive new classes – ‘ui-draggable-overlapping’ for the object being dragged and ‘ui-draggable-overlapped’ for the other object. In ‘block’ mode objects are blocked from overlapping other objects by being snapped to the edge of the object they collided with.

jQuery UI multiple draggable plugin

jQuery multiple draggable plugin 是 jQuery UI 的拖放插件擴(kuò)展,可實(shí)現(xiàn)分組拖放

jQuery List DragSort

一個(gè)輕量級(jí)的 jQuery 插件,提供拖放排序列表的功能

Jquery iviewer

JQuery.iviewer 是一個(gè)用來(lái)在一個(gè)固定范圍內(nèi)查看圖片的插件,可對(duì)圖片進(jìn)行縮放以及拖放移動(dòng)顯示

(mb)ImgNavigator

相冊(cè)插件,用于顯示很大的圖片,通過(guò)拖放進(jìn)行瀏覽

$().mapbox

實(shí)現(xiàn)類(lèi)似 Google 地圖的拖拉操作。

Drag n Drop Scattered Gallery

Drag and drop gallery script with various look and feel options.

MORE INFO |DEMO by Codecanyon (premium plugin)

英文:http://www.tripwiremagazine.com/2012/04/jquery-drag-drop-plugins.html

原文鏈接:http://www.oschina.net/news/27717/jquery-drag-drop-plugins

【編輯推薦】

  1. 20個(gè)jQuery分頁(yè)插件和教程(附帶實(shí)例)
  2. jQuery命名沖突解決的五種方案
  3. 12個(gè)必要的jQuery表單插件
  4. 一些非常棒的jQuery拖放插件
  5. 10條建議讓你創(chuàng)建更好的jQuery插件
責(zé)任編輯:林師授 來(lái)源: OSCHINA
相關(guān)推薦

2011-03-30 09:53:43

jQueryjQuery插件

2012-03-28 10:40:11

jQuery

2020-11-02 14:17:29

VsCode 插件

2009-06-18 15:49:31

jQuery插件

2011-08-01 08:51:12

jQuery Mobi插件

2012-03-29 09:27:49

WEBjQuery

2011-11-25 09:09:22

jQuery

2012-06-04 15:24:56

jQuery

2011-09-14 16:40:44

jQuery

2011-05-30 10:35:26

2012-03-19 16:50:03

jQuery插件

2011-03-18 11:09:42

jQuery

2011-03-22 13:16:49

jQueryjQuery插件

2012-10-08 10:27:56

jQueryJSJavaScript

2013-12-02 14:53:20

jQuery插件

2011-10-31 15:08:54

Chrome插件Web設(shè)計(jì)開(kāi)發(fā)

2011-05-23 08:43:40

jQueryjQuery插件

2014-02-13 14:14:24

工具jQuery

2012-09-24 01:49:48

jQueryjQuery插件Web

2013-08-28 10:20:56

點(diǎn)贊
收藏

51CTO技術(shù)棧公眾號(hào)