一个简洁漂亮的jQuery拖放排序插件DDSort 拖放排序是WEB应用中常见的功能。虽然网上有很多别人已经造好的轮子,但是就我个人而言,没事就喜欢研究原理,自己造轮子,不管强大与否,简洁够用就是我的目标,再一个就是自己写的东西,应用起来得心应手,修改或者扩展起来也是得心应手,相比一些API不够详细,或者说用户体验不好(不够简明)的API来说,或者说插件本身就没考虑周到,考虑周到又显得臃
大家都知道,QQ面板可以在我们的桌面上随意拖动,那今天我们来做一个可以在浏览器中拖动的效果。html代码很简单:<div id="div1"></div> 就这样一句话 css效果: #div1{ width: 200px; height: 200px; border:1px solid #f00; p
超级销售优惠-延长许可证的60%折扣!unify是一个难以置信的美丽和完全响应引导4模板任何类型的创意专业人士,初创公司和已建立的业务。它允许你建立任何规模的高质量的网络产品,由于大量的250 +短页包括超过1750可重用UI组件,在那里他们可以很容易地使用。统一2节省了开发时间和成本更低的QA和更多的结果。通过统一2,以最小的努力获得最大的生产力,并通过使用广泛的可重用组件来创建健壮的无限产品。
  jQuery Gantt Package是一个真正的跨平台,基于HTML5 / jQuery的本地实现,具有2个不同的gantt小部件,可满足您所有基于gantt的可视化需求。还带有ASP.NET WebControll和MVC扩展,可轻松集成到现有应用中。  标准版和企业版(或源代码)有什么区别?  请注意,这两个版本均按开发人员许可。这是两个版本之间的区别:普通版为您提供以下内容:  包括
 最近应为业务需求需要开发一个任务调度后台,实现一个甘特图( 类似上学时候的课程表,‘时间/课程/代课老师’ 转换为: “时间/任务/执行人'”)。参考图片: 每一行的00:00到24:00部分的 <div class="tr-right draggable ui-widget-content">每个一个粉色 <div class="dragItem" &gt
转载 2024-07-05 07:13:43
125阅读
在前端开发中,允许用户通过拖动边缘来改变元素的大小是一个基本却重要的需求。为了实现这一功能,使用 jQuery 拖动改变 div 大小的插件可以极大地简化开发流程。本文将详细记录如何集成这一插件,进行配置,处理项目中的异常,以及如何优化性能和扩展功能。 ## 环境准备 在开始之前,我们需要确保开发环境满足插件的要求。以下是本项目的技术栈与版本兼容性矩阵: | 技术栈 | 版本
原创 7月前
22阅读
# 如何实现 jQuery 进度条拖动插件 在Web开发中,进度条是一个常见的UI组件,用户可以通过拖动进度条来设置值。本文将教你如何实现一个简单的jQuery进度条拖动插件。我们将从整体流程入手,逐步实现功能,并提供相应的代码示例。 ## 实现流程 以下是我们实现这个进度条插件的整体步骤: | 步骤 | 描述 | |------|------| | 1 | 创建HTML结构 | |
原创 2024-09-13 06:59:06
116阅读
一、实例 一个简单的 jQuery UI 可拖拽小部件(Draggable Widget)。 代码: <div id="draggable">请拖拽我!</div> <script> $( "#draggable" ).draggable(); </script> 查看演示 允许使用鼠标移动元素。
转载 2018-08-12 00:11:00
536阅读
2评论
## jQuery 进度条拖动插件的实现 在现代的 Web 应用程序中,进度条是一种常见的用户界面元素,通常用于显示某个任务的完成进度。通过结合 jQuery 和 HTML/CSS,我们可以轻松地实现一种可拖动的进度条,让用户可以通过拖动进度条来更改进度。 ### 进度条的基本概念 进度条通常显示为一条水平或垂直条,用户可以通过视觉上查看任务的完成度。为了实现可拖动的进度条,我们将使用 jQ
原创 10月前
164阅读
首先要感谢木野狐,解决了EasyDrag这个Jquery插件没有指定拖动的handle的问题。这可是个大问题,尽管EasyDrag是个非常轻巧又实用的插件,但没有拖动的handle使我决定放弃它而选用臃肿的interface。
原创 2021-07-02 16:45:27
224阅读
1. jQuery Iviewer jQuery.iviewer是一个jQuery插件,用于加载和查看容器中的图像,并具有缩放图像和在容器中用鼠标拖动图像的能力。 资源 2.可拖动 使用容器中的本机滚动来滚动视口内的大型嵌套层。 它不需要从UI拖放功能,并且比UI拖动更快。 资源 3. Nettuts拖放 在本教程中,我将向您展示如何使用小部件创建可自定义的界面。 最终的产品
转载 2023-11-08 22:50:04
124阅读
这个插件在功能上来说是比较强大的了,但用起来却比较简单,对想做拖动布局的来说简直是福音。它不但可做到拖动布局,还能保存拖动后的布局,也封装了和拖动布局相关的一些操作,比如折叠,隐藏拖动块,编辑等。
转载 2009-02-12 15:47:00
89阅读
2评论
介绍 演示地址: https://sortablejs.github.io/Sortable/Github:https://github.com/SortableJS/SortableSortableJS是一款用于在现代浏览器和触摸设备上的拖拽插件,不需要jQuery,但支持jQuery,支持Meteor,AngularJS,React,Polymer,Vue,Knockout和任何C
# 使用 jQuery Table 插件创建响应式手机表格 在现代网页开发中,表格是一种常用的展示数据的方式。而对于手机端用户体验而言,优化表格显示至关重要。jQuery 提供了多种方便的插件来帮助我们高效地创建响应式表格。本文将为大家介绍一个常用的 jQuery 表格插件,并提供详细的代码示例和图示,以期帮助大家更好地理解和应用这一技术。 ## 什么是 jQuery Table 插件? j
原创 2024-08-02 11:03:03
115阅读
# jQuery手机截图插件科普 在日常生活中,我们经常需要对手机屏幕进行截图,用于保存有趣的信息或者记录重要的内容。而对于网页开发者来说,如何实现在网页中进行手机截图就成为一个比较常见的需求。今天我们就来介绍一款非常实用的jQuery手机截图插件,帮助开发者轻松实现在网页中进行手机截图的功能。 ## jQuery手机截图插件简介 这款jQuery手机截图插件名为"jQuery Mobile
原创 2024-03-05 06:27:55
126阅读
jQuery 手机日历插件可以帮助开发者快速制作适用于手机端的日期选择组件。它凭借简洁的 API 和丰富的功能,极大地提升了用户体验和开发效率。在接下来的内容中,我们将详细介绍如何使用这个插件,配置和集成的过程,以及常见问题的排查和解决方案。 ## 环境准备 在开始之前,我们需要准备好开发环境。jQuery 手机日历插件兼容以下技术栈: - jQuery 3.x - Bootstrap 4.
原创 7月前
82阅读
# 使用jQuery表格插件手机上展示数据 在移动设备上展示数据时,我们通常会遇到屏幕大小有限的问题。为了更好地适应手机屏幕,我们可以使用jQuery表格插件来展示数据,并确保用户体验良好。 ## jQuery表格插件简介 jQuery表格插件是一种用于在网页中展示表格数据的工具,它提供了丰富的功能和样式,可以根据需要进行定制和扩展。在移动设备上使用jQuery表格插件可以帮助我们更好地展
原创 2024-04-27 05:58:13
97阅读
## jQuery手机插件库:提升移动端开发效率的利器 在现代网页设计中,移动端访问越来越普遍。为了提升移动用户的体验,开发者常常需要使用一些专门的库与插件。在这方面,jQuery手机插件库应运而生,成为开发者的得力助手。 ### 什么是 jQuery 手机插件库? jQuery 是一个快速、小巧且功能丰富的 JavaScript 库,它使得 HTML 文档遍历和操作、事件处理、动画以及 A
原创 2024-08-31 04:38:19
44阅读
  在Web和图形设计的世界,jquery它是使用最广泛的技术。 在他的帮助下,我们可以创建很多伟大的事情。丰富的jQuery插件,在互联网上,使我们能够毫不费力地创建幻灯片,表格,动画和其他各种良好的效果。 今天分享10个可以帮助你360度旋转显示图片的jQuery插件,这些插件能帮助你更好的提供图片商品的浏览体验。一旦你用上,肯定会喜欢的! Ajax ZoomAJAX-ZOO
插件一:Jquery List DragSort 官网下载地址:http://dragsort.codeplex.com/   插件二:nestedsortables 官网下载地址:http://code.google.com/p/nestedsortables/downloads/list   &
原创 2013-12-31 15:22:45
3254阅读
  • 1
  • 2
  • 3
  • 4
  • 5