上一篇已经实现了这个项目的整体的HTML和CSS:
HTML5 CSS3 经典案例:无插件拖拽上传图片 (支持预览与批量) (一)
这篇博客直接在上篇的基础上完成,最终效果:
效果图1:
效果图2:
好了,请允许我把图片贴了两遍,方便大家看效果了~
可以看出我们的图片的li的html其实还是挺复杂的,于是我把html文档做了一些修改:...
分类:
Web程序 时间:
2014-06-17 23:02:00
阅读次数:
248
jquery.dragndrop 是基于 jQuery 1.2.* 开发的一款 jQuery
插件,为用户实现 html dom 拖拽提供了更为便捷的方法。Demo 效果如下:源码可到此下载:jquery.dragndrop.jsAPI简介:
zIndex(Int): 拖拽发生时拖拽对象的 z-in...
分类:
Web程序 时间:
2014-06-09 15:38:03
阅读次数:
234
【Project Browser】 You can drag items from the
project structure list to the Favourites and also save search queries there. The
filters work by add...
分类:
其他好文 时间:
2014-06-09 15:25:46
阅读次数:
282
1,首先,你要告诉计算机那个元素可以拖动,或者是一张图,或者是一个盒子,在标签里面加上draggable="true"2,然后,监听该元素被拖动的函数ondragstart="drag(event)"3,drag
里面告诉计算机是那个元素被拖动的ev.dataTransfer.setData("Te...
分类:
Web程序 时间:
2014-05-29 19:27:13
阅读次数:
491
举一个例子: Drag me around notDrag me 使用方法:$(
"#draggable" ).draggable();注意:使用之前要加上 jquery 和 jquery-ui 两个类库。注意:jquery
2.0以上不支持ie6 7 8 ,所以想让所以浏览器都支持插件中的...
分类:
Web程序 时间:
2014-05-29 19:26:18
阅读次数:
473
Recently in one of my project I needed to have
an option to display the DateTimePicker allowing user to pick both the date and
the time. When I drag t...
分类:
其他好文 时间:
2014-05-29 17:46:20
阅读次数:
239
Draggabilly 是一个很小的 JavaScript
库,专注于拖放功能。只需要简单的设置参数就可以在你的网站用添加拖放功能。兼容 IE8+ 浏览器,支持多点触摸。可以灵活绑定事件,支持 RequireJS 以及
Bower 安装。
分类:
其他好文 时间:
2014-05-29 16:17:40
阅读次数:
284
21.drag-sort-listviewDragSortListView(DSLV)是Android
ListView的一个扩展,支持拖拽排序和左右滑动删除功能。重写了TouchInterceptor(TI)类来提供更加优美的拖拽动画效果。DSLV主要特性:完美的拖拽支持;在拖动时提供更平滑的滚动...
分类:
其他好文 时间:
2014-05-26 21:55:56
阅读次数:
318
http://www.cnblogs.com/lhb25/archive/2013/04/02/50-jquery-plugins-d.htmlresponsive-carousel
是一个内容传送带插件,支持鼠标、触摸和键盘操作。默认包含 slide/drag 过渡特效,你也通过 data 属性应...
分类:
Web程序 时间:
2014-05-26 01:50:38
阅读次数:
496
jqueryjquery官方版本:v 2.1.0v 1.11.0yquery暂停更新版本:v 1.6v
1.5v 1.4v 1.3v 1.2v 1.1v 1.0jQuery 原型插件(jquery-*)jquery-drag版本:latestv 1.1v
1.0jquery-dialog版本:lat...
分类:
Web程序 时间:
2014-05-19 12:17:04
阅读次数:
470