首页风格
门户
博客

GBin1博客视图 - 最近发布的文章-demo

【简报】超棒的拖放式文件上传javascript类库:FileDrop

【简报】超棒的拖放式文件上传javascript类库:FileDrop

今天推荐一款来自俄国web开发人员的支持拖放的跨浏览器javascript文件上传类库:FileDrop

主要特性

  • 跨浏览器
  • 独立并且体积非常小
  • 支持不同的callback
  • 使用iframe作为fallback
  • 多文件选择
  • 支持多个FileDrop实例
  • 文档比较全

如何使用

最少的代码如下:

<!DOCTYPE html>
<html>
<head>
<title>Basic FileDrop example</title>

<script type="text/javascript" src="http://proger.i-forge.net/filedrop-min.js"></script>

<style type="text/css">
/* Essential FileDrop…

标签: 拖放, 文件上传, drag and drop, 拖放上传, upload, file upload

阅读更多

jQuery插件:超酷的多列网格式拖放插件gridster.js

jQuery插件:超酷的多列网格式拖放插件gridster.js

在线演示  本地下载

以往的文章中,我们分享了很多jQuery相关拖放插件,今天我们这里再推荐的一个超酷的jQuery拖放插件-gridster.js绝对会让你眼前一亮,和其它的插件不太一样的地方在于你处理拖放的元素支持不同大小,并且支持多列的网格布局,它们会自动的根据位置自己排序和调整。非常适合你开发具有创意的应用。这个插件可以帮助你将任何的html元素转换为网格组件。 

主要特性

  • 只依赖jQuery
  • 支持元素的添加和删除
  • 文档比较全
  • 拥有测试用例,你可以查看你的浏览器的测试结果
  • 比较适合开发益智游戏 

如何使用

引入类库,包括jQuery和gridster.js:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>…

标签: jQuery插件, 拖放插件, drag and drop, jQuery

阅读更多

一个轻量级的jQuery拖拽排序插件 - HTML5 Sortable

一个轻量级的jQuery拖拽排序插件 - HTML5 Sortable

在线演示  本地下载

如果大家提到拖放相关插件的话,肯定会想到jQuery UI,这个UI类库包含了你需要用到的几乎所有组件,但是如果你只想使用jQuery UI中的某一个组件,例如,拖放组件的话,调用如此大的一个类库会有有杀鸡用宰牛刀的感觉,今天这里我们将介绍一个轻量级的jQuery drag and drop插件 - HTML5 Sortable。它能够帮助你创建可拖拽的列表和网格元素,希望大家喜欢!

主要特性

  •  非常小(压缩版1kb)
  • 使用HTML5的本地拖放API
  • 支持列表和网格样式布局
  • 非常类似jQuery UI的排序插件
  • 支持IE5.5+,Firefox3.5+,Chrome3+,Safari3+和Opera12+
  • API兼容jQuery UI,你可以使用jQuery UI作为polyfill来支持老版本浏览器

如何使用

使用非常简单:

<ul class="gbsortable">

标签: 拖拽插件, drag and drop, html5 sortable

阅读更多

分享10个使用简单的jQuery的拖放插件(drag and drop plugin)

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

Drag n Drop Scattered Gallery

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

Drag n Drop Scattered Gallery

(mb)ImgNavigator

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

ImgNavigator

jQuery List DragSort

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

jQuery List DragSort

Ajax Upload; A file upload script with progress-bar, drag-and-drop

使用XHR并且使用进度条来上传多个文件

Ajax Upload

Drop n' Save - Drag & Drop Uploader

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

Drop n' Save

(mb)ConteinersPlus

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

ConteinersPlus

jQuery…

标签: jquery, jquery plugin, jquery插件, js拖放, drag and drop, jquery拖放插件

阅读更多

分享一个HTML5的drag and drop API实现的图片拖拽分组效果

分享一个HTML5的drag drop API实现的图片拖拽分组效果

在线演示  本地下载

今天我们介绍HTML5的拖拽功能。基本目前所有的现代浏览器(Firefox,Chrome,Safari,或者Opera)都支持这个实用的功能。这意味着我们可以考虑在我们的项目和网站中使用这个功能。更重要的是代码编写非常简单。我们这里将使用拖拽API开发一个图片的分组排序功能 ,希望能够给大家比较直观的使用感受。希望大家喜欢!

HTML标签

<div class="albums">
<div class="album" id="drop_1" droppable="true"><h2>Album 1</h2></div>
<div class="album" id="drop_2" droppable="true"><h2>Album…

标签: HTML5, drag and drop, htm5拖放API, html5图片拖放

阅读更多

喜欢我们的文章请您与朋友分享:

?ü?à

今日推荐