• 28 个 jQuery 网页拖放操作的插件
    时间:2012-04-10   作者:红薯   出处:oschina.net

    本为你介绍27个jQuery插件,使得你的Web前端具备拖放操作的能力。

    Ajax Upload

    提供文件拖放上传,并显示上传进度

    drag-drop-upload

    Drop n’ Save – Drag & Drop Uploader

    另外一个文件拖放上传功能的实现。

    drop-n-save

    MORE INFO |DEMO by Codecanyon (premium plugin)

    jqDnR

    jqDnR作为jQuery是一个轻量级的,让你拖、放自如,并且调整其大小的元素插件。这个插件很简单,重量轻(972字节),非常容易实现。 能够让您的网站更方便用户使用。

    resize-drag

    jQuery Drag Expose | Draggable Image Gallery

    使用一种不同的方式来显示照片,并可进行拖放操作

    drag-expose

    MORE INFO |DEMO by Codecanyon (premium plugin)

    Sortable Lists

    很酷的脚本用来对列表进行拖放操作

    sortable-list

    jQuery OneByOne Slider Plugin

    OneByOne Slider 是一个轻量级的 jQuery 插件,可用来显示图片和文本,使用 CSS3 动画效果,支持触摸设备上的左右滑动,可使用鼠标拖放操作进行显示

    onebyone-slider-plugin

    MORE INFO |DEMO by Codecanyon (premium plugin)

    Table Drag and Drop JQuery plugin

    在表格内对行数据进行拖放

    dragable-table

    Dynamic Drag’n Drop With jQuery And PHP

    Drag’n drop 是一个完全使用 jQuery & jQuery UI 实现的拖放功能。

    jquery-drag-n-drop

    Easy Scroll

    可轻松实现拖放滚动效果的页面。

    easy-scroll

    MORE INFO |DEMO by Codecanyon (premium plugin)

    Draggable

    一个基于jQuery的拖放插件,易于使用,所有的操作均通过调用draggable进行。

    draggable

    Drag-and-Drop with jQuery: Your Essential Guide

    学习如何使用 jQuery 和 jQuery UI 的拖放插件来创建具有拖放效果的 Web 应用,包含一个完整的扑克牌拖放操作演示。

    drag-and-drop-guide

    Zoomer jQuery Products Showcase

    Zoomer! 是一个用来显示产品列表的工具,内置缩放和拖放功能。

    jQuery-zoomer

    MORE INFO |DEMO by Codecanyon (premium plugin)

    animaDrag

    AnimaDrag 允许拖拉的元素具有动画效果。

    animadrag

    Ultra small code to drag everything in HTML pages

    这是一个很基本的快速实现拖放操作的教程,可重用以及个性化定制。

    drag-everything

    $.event.special.drag

    这是 jQuery 的事件实现拖放事件模型,开发者无需了解太多拖放的细节。

    special-drag

    (mb)ConteinersPlus

    很有用的插件用于实现皮肤化的容器,支持拖拉、大小更改以及最小化等操作。

    drag and drop jquery plugins

    resizable

    可对元素使用拖放操作来更改大小

    resizable

    ppDrag

    ppDragjQuery 的拖放插件,简化了 jQuery UI‘s Draggable

    .ppdrap

    NestedSortable

    nested-sortable

    jQuery File Tree Aza’s revised version

    drag and drop jquery plugins

    Dragscrollable

    用于在一个可视范围内滚动一个很大的嵌套层,类似地图。

    dragscrollable

    dragndrop

    轻松实现拖放操作

    dragndrop

    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 的拖放插件扩展,可实现分组拖放

    draggable-plugin

    jQuery List DragSort

    一个轻量级的 jQuery 插件,提供拖放排序列表的功能

    list-dragsort

    Jquery iviewer

    JQuery.iviewer 是一个用来在一个固定范围内查看图片的插件,可对图片进行缩放以及拖放移动显示

    drag and drop jquery plugins

    (mb)ImgNavigator

    相册插件,用于显示很大的图片,通过拖放进行浏览

    drag and drop jquery plugins

    $().mapbox

    实现类似 Google 地图的拖拉操作。

    drag and drop jquery plugins

    Drag n Drop Scattered Gallery

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

    scattered-gallery

    MORE INFO |DEMO by Codecanyon (premium plugin)

    网友留言/评论

    我要留言/评论

    相关文章

    分享30套免费的高质量网页按钮素材:网页设计师经常会去网上搜罗各种各样的页面素材,这些免费的素材不仅能帮助他们节省大量的时间,而且能有很好的效果。今天这篇文章收集了30套免费的高质量网页按钮素材,你可以免费下载使用。非常感谢那些很有才华的设计师分享它们的劳动成果,让更多的人可以使用他们的创意设计。记得分享和推荐一下哦 :)
    8个超棒的HTML5网站设计欣赏:我们听到了很多关于HTML5的新闻和技术动向,一个又一个的新的东西不停的出现,那么最近HTML5的技术应用又如何呢?HTML5又和CSS及 其Javascript如何一起改变我们的网站设计和实现的呢? 带着这些问题,我们将推荐给大家8个超棒的HTML5网站设计。其中包括了Jordan主站的视差滚动特效,它将滚动带入了一个新的境界!还有Draw stick man,这个网站允许你使用你的绘画技能完成你自己的作品。希望大家喜欢!
    33个网页设计漂亮的Sliders的灵感作品收集:老一套的滑块设计已经过时了,本文收集的是目前网络上存在的最漂亮精美的滑盖设计,非常鼓舞人心哦!
    为开发者准备的排名前十的热门 jQuery 插件:我们都非常喜欢jQuery。它提供了很方便的工具让javascript正常的运行。但是它最重要的特性是它的扩展性,许多开发者都充分利用了这个优势。它提供了很多的插件让我们选择,现在我们来看看一些我们比较喜爱的插件。
    最新30个强大绚丽的优秀jquery插件集合:jQuery是一个快速和简洁的JavaScript库,他能简化web开发的动画和Ajax交互提供功能强大的脚本语言支持,他的特点是少量代码出来大的效果。
    10个视差滚动效果和教程:随着技术的不断发展,3D效果,HD技术的成熟,越来越多的人希望能有更加生动、现实的视觉体验。这种需求也在 Web 领域越来越强烈。这篇文章介绍了10种视差滚动效果和教程,以帮助你取悦你的观众 :)
    21 款优化网站加载速度的工具推荐:什么才是一个网站的第一用户体验?是速度,速度是用户访问你的网站的第一感觉,你必须在用户耗尽耐心之前将网页呈现在它面前,除非你是 12306。
    16 个精美免费和收费的 404 错误页面模板和布局:您的网站可能每天都有成千上百的内容在更新,然而可能会有页面无法访问到的情况或者页面就不存在,这个时候你就需要提供一个404页面友好的告诉访问者。本文介绍的一些模版非常精美,读者在找不到页面的时候可能会因为你的404页面而感觉你的网站是多么的专业和精美,下面本文把这些精美而专业的模版分享给大家。
    18个极佳国外优秀的固定位置导航菜单设计案例:导航菜单作为网站必不可少的组成部分,关系着网站的可用性和用户体验。有吸引力的导航能够吸引用户去浏览更多的网站内容,增加用户在网站的停留时间。常见的导航形式有头部导航、侧栏导航、底部导航和固定位置导航等各种形式,今天这篇文章要和大家分享的是20佳国外优秀的固定位置导航菜单设计案例,相信这些形式各异的导航菜单设计能够带给你灵感。