10个简单易用的jQuery拖放插件推荐

2016-02-17 02:22 6 1 收藏

每个人都希望每天都是开心的,不要因为一些琐事扰乱了心情还,闲暇的时间怎么打发,关注图老师可以让你学习更多的好东西,下面为大家推荐10个简单易用的jQuery拖放插件推荐,赶紧看过来吧!

【 tulaoshi.com - 平面设计 】

在这篇文章中,我们将给大家介绍10个使用简单的、基于jQuery的拖放插件,能够帮助你方便快捷的添加拖放功能到你的网站中。

1.  Drag n Drop Scattered Gallery

支持不同外观的图片拖放插件脚本。

10个简单易用的jQuery拖放插件推荐,PS教程,图老师教程网

 

2.  ImgNavigator

一个使用拖放功能和导航图的图片浏览画廊。你可以通过拖放图片或者导航来查看图片。

10个简单易用的jQuery拖放插件推荐,PS教程,图老师教程网

3.  jQuery List DragSort

一个轻量级的jQuery插件,帮助你使用拖放方式来排序。

10个简单易用的jQuery拖放插件推荐,PS教程,图老师教程网

4.  Ajax Upload

使用 XHR 和进度条,来上传多个文件。

10个简单易用的jQuery拖放插件推荐,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)5.  Drop n’ Save – Drag & Drop Uploader

这个特别的插件可以帮助你尽可能少的修改代码,来添加拖放功能到你的网站。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

10个简单易用的jQuery拖放插件推荐,PS教程,图老师教程网

6.  ConteinersPlus

这个实用的插件包含了很多功能,并且支持皮肤定制。支持拖拽、改变大小、收放和最小化。

10个简单易用的jQuery拖放插件推荐,PS教程,图老师教程网

7.  jQuery Drag Expose | Draggable Image Gallery

使用别样的方式(拖拽)来展示图片。

10个简单易用的jQuery拖放插件推荐,PS教程,图老师教程网

8.  Dynamic Drag’n Drop With jQuery And PHP

该插件可以帮助大家使用jQueryUI、jQuery和PHP来实现拖放功能。

10个简单易用的jQuery拖放插件推荐,PS教程,图老师教程网

9.  Collidable Draggables

对可拖动的对象添加碰撞检测。

10个简单易用的jQuery拖放插件推荐,PS教程,图老师教程网

10.  NestedSortable

使用拖放方式帮助你在垂直和水平方向排序对象。

10个简单易用的jQuery拖放插件推荐,PS教程,图老师教程网

来源:http://www.tulaoshi.com/n/20160217/1577608.html

延伸阅读
标签: Web开发
同事推荐了Jcrop这个插件,到它的官方站点http://deepliquid.com/content/Jcrop.html下载了最新版的压缩包,压缩包中包括了Jcrop的几个demo文件,关键的Jcrop.js文件和jQuery.Jcrop.css文件。基本上来说参照它的几个demo文件就可以学会使用这个插件了。晚上正好学习研究了下,现简单总结如下,也方便下英文不好的朋友们。 使用插件必须条件:...
标签: Web开发
HTML代码 代码如下: div class="tab" li class="selected" 1/li li class="hover"2/li li class="hover"3/li /div div class="tab_box" div class="newslist"第一个/div div class="newslist"第二个/div div class="newslist"第三个/div /div Jquery 代码如下: $().PPXTabs({ nav:'.tab li',nav_txt:'.tab_box div',s...
标签: Web开发
打包下载 一,首先,制作jQuery插件需要一个闭包 代码如下: (function ($) { //code in here })(jQuery); 这是来自jQuery官方的插件开发规范要求,使用这种编写方式有什么好处呢? a) 避免全局依赖。 b) 避免第三方破坏。 c) 兼容jQuery操作符'$'和'jQuery ' 二,有了闭包,在其中加入插件的骨架 代码如下: $.fn.dBox =...
标签: Web开发
插件代码: /*任意位置浮动固定层*/ /*没剑(http://regedit.cnblogs.com) 08-03-11*/ /*说明:可以让指定的层浮动到网页上的任何位置,当滚动条滚动时它会保持在当前位置不变,不会产生闪动*/ /*2008-4-1修改:当自定义right位置时无效,这里加上一个判断 有值时就不设置,无值时要加18px已修正层位置在ie6下的问题 */ /*调用: 1 无参...
标签: Web开发
这里是js的代码: 代码如下: jQuery.fn.size = function() { return jQuery(this).get(0).options.length; } //获得选中项的索引 jQuery.fn.getSelectedIndex = function() { return jQuery(this).get(0).selectedIndex; } //获得当前选中项的文本 jQuery.fn.getSelectedText = function() { if(this.size() == 0) { return ...

经验教程

121

收藏

10
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部