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评论
插件一:Jquery List DragSort 官网下载地址:http://dragsort.codeplex.com/   插件二:nestedsortables 官网下载地址:http://code.google.com/p/nestedsortables/downloads/list   &
原创 2013-12-31 15:22:45
3254阅读
一个简洁漂亮的jQuery拖放排序插件DDSort 拖放排序是WEB应用中常见的功能。虽然网上有很多别人已经造好的轮子,但是就我个人而言,没事就喜欢研究原理,自己造轮子,不管强大与否,简洁够用就是我的目标,再一个就是自己写的东西,应用起来得心应手,修改或者扩展起来也是得心应手,相比一些API不够详细,或者说用户体验不好(不够简明)的API来说,或者说插件本身就没考虑周到,考虑周到又显得臃
超级销售优惠-延长许可证的60%折扣!unify是一个难以置信的美丽和完全响应引导4模板任何类型的创意专业人士,初创公司和已建立的业务。它允许你建立任何规模的高质量的网络产品,由于大量的250 +短页包括超过1750可重用UI组件,在那里他们可以很容易地使用。统一2节省了开发时间和成本更低的QA和更多的结果。通过统一2,以最小的努力获得最大的生产力,并通过使用广泛的可重用组件来创建健壮的无限产品。
  jQuery Gantt Package是一个真正的跨平台,基于HTML5 / jQuery的本地实现,具有2个不同的gantt小部件,可满足您所有基于gantt的可视化需求。还带有ASP.NET WebControll和MVC扩展,可轻松集成到现有应用中。  标准版和企业版(或源代码)有什么区别?  请注意,这两个版本均按开发人员许可。这是两个版本之间的区别:普通版为您提供以下内容:  包括
预览效果index.html<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0"> &
而很多页面效果都要用到这些位置。不得已,得练练,得记记。下面就来说说这个基于 JQuery的简易拖拽插件吧。按惯例,先说说拖拽的原理,以及搞这么一个东东的步骤:那什么是拖拽呢? 看名字就知道了:就是把一个东东拖来拽去的。 放到我们的DOM上,就是改变它的位置。它只有两个难点:1、如何知道是在拖? 2、如何知道从哪拖,拖到哪?其实,这也算不上难点,毕竟两者都是基础的东西,关键在于熟练。换到js 中,
转载 2024-01-07 21:34:59
313阅读
  今天应一个朋友的委托,研究一下拖拽排序,我记得我上次写拖拽排序,因为方法太死板,效果我一直不是很满意,一直想再从写一个,一直没机会(懒),这次因为公司部门变动所以有了一些时间(无聊)来写,本来准备使用Vue写,奈何功夫不到家在自定义指令的时候,问题卡住了,研究了一段时间之后,还是决定放弃,研究一下Vue再来写过,所以本次还是用了Jquery来写。    直接上代码这是CSS部分 1     
 最近应为业务需求需要开发一个任务调度后台,实现一个甘特图( 类似上学时候的课程表,‘时间/课程/代课老师’ 转换为: “时间/任务/执行人'”)。参考图片: 每一行的00:00到24:00部分的 <div class="tr-right draggable ui-widget-content">每个一个粉色 <div class="dragItem" &gt
转载 2024-07-05 07:13:43
125阅读
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #box { width: 500px; height: 500px; backgro
转载 2024-02-16 11:46:57
105阅读
# jQuery拖拽布局插件介绍及示例代码 ## 引言 在现代网页设计中,拖拽布局是一种非常流行的界面设计方式。它可以让用户自由地调整页面中各个元素的位置和大小,提供更好的交互体验。而jQuery是一种广泛使用的JavaScript库,具有强大的DOM操作和动画效果功能。有很多jQuery插件可以帮助开发者简化拖拽布局的实现过程,本文将介绍一种常用的jQuery拖拽布局插件,并提供示例代码。
原创 2023-08-15 20:13:02
290阅读
# 如何实现 jQuery 进度条拖动插件 在Web开发中,进度条是一个常见的UI组件,用户可以通过拖动进度条来设置值。本文将教你如何实现一个简单的jQuery进度条拖动插件。我们将从整体流程入手,逐步实现功能,并提供相应的代码示例。 ## 实现流程 以下是我们实现这个进度条插件的整体步骤: | 步骤 | 描述 | |------|------| | 1 | 创建HTML结构 | |
原创 2024-09-13 06:59:06
116阅读
在前端开发中,允许用户通过拖动边缘来改变元素的大小是一个基本却重要的需求。为了实现这一功能,使用 jQuery 拖动改变 div 大小的插件可以极大地简化开发流程。本文将详细记录如何集成这一插件,进行配置,处理项目中的异常,以及如何优化性能和扩展功能。 ## 环境准备 在开始之前,我们需要确保开发环境满足插件的要求。以下是本项目的技术栈与版本兼容性矩阵: | 技术栈 | 版本
原创 6月前
22阅读
首先要感谢木野狐,解决了EasyDrag这个Jquery插件没有指定拖动的handle的问题。这可是个大问题,尽管EasyDrag是个非常轻巧又实用的插件,但没有拖动的handle使我决定放弃它而选用臃肿的interface。
原创 2021-07-02 16:45:27
224阅读
一、实例 一个简单的 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
原创 9月前
164阅读
<!DOCTYPE HTML> <html> <head> <title>拖放示例-文本</title> <meta charset="utf-8"> </head> <style> .src { disp
转载 2023-06-26 11:27:59
194阅读
其实瀑布流有好多封装好的插件的了,也挺漂亮的,blocksit好像还不错。但是用封装好的就是用别人提供的接口,我们还要了解一下思想的,看了慕课网的视频,用了原生js实现了一下简单的瀑布流。首先html和css<style type="text/css"> *{padding: 0;margin:0;} #main{ position: relative;
如今,大多数网站设计要靠网格系统和布局,这能够提供给设计人员一个方便的途径来组织网页上的内容。网格的设计最常见于报纸和杂志的版面,由文字和图像构成的列组成。 这篇文章给大家分享精心挑选的15款最佳的 jQuery 网格布局插件jQuery Grid Plugins),它可以帮助你在创建网格布局项...
原创 2022-04-06 15:07:34
376阅读
  • 1
  • 2
  • 3
  • 4
  • 5