jqueryUI-multiimage-draggable:jQuery UI 多图可拖动示例

时间:2024-07-26 00:40:00
【文件属性】:

文件名称:jqueryUI-multiimage-draggable:jQuery UI 多图可拖动示例

文件大小:5.55MB

文件格式:ZIP

更新时间:2024-07-26 00:40:00

JavaScript

jqueryUI-multiimage-draggable 这个脚本结合了 Javascript、jQuery 和 jQuery UI 的许多不同方面: Sortable:ui 助手、数组操作、类操作 Droppable:可接受的项目、类操作、动画 我一直在广泛研究图像管理应用程序。 我一直在使用 jQuery 和 jQuery UI 来处理图像的拖动。 我把这个脚本放在一起来展示创建这样一个应用程序的一些基本过程。 我遇到的一个 UX 问题是用户选择了多个项目并将它们拖到一个图像组中。 jQuery UI 助手在拖动时只显示一张图片,这会误导用户,因为他们检查了多张图片。 为了向用户展示他们确实在拖动多个图像,我使用 css3 的旋转变换将选定的图像堆叠在一起。 我创建了一个 div 对象并用这个对象替换了 jQuery UI 助手。


【文件预览】:
jqueryUI-multiimage-draggable-master
----app.js(2KB)
----images()
--------Penguins.jpg(760KB)
--------Koala.jpg(763KB)
--------Tulips.jpg(606KB)
--------Hydrangeas.jpg(581KB)
--------Chrysanthemum.jpg(859KB)
--------Jellyfish.jpg(758KB)
--------Lighthouse.jpg(548KB)
--------Desert.jpg(826KB)
----css()
--------style.css(2KB)
----README.md(938B)
----index.html(4KB)

网友评论