`
zhouyrt
  • 浏览: 1163753 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Javascript自由拖拽类

阅读更多

 

 

  基本拖拽

  new Dragdrop({

   target 拖拽元素 HTMLElemnt 必选

   bridge 指定鼠标按下哪个元素时开始拖拽,实现模态对话框时用到 

   dragable 是否可拖拽 (true)默认

dragX true/false false水平方向不可拖拽 (true)默认

   dragY true/false false垂直方向不可拖拽 (true)默认

area [minX,maxX,minY,maxY] 指定拖拽范围 默认任意拖动

  callback 拖拽过程中的回调函数

  });

 

 demo

  dragdrop_0.5.html

 

 

 效果图

 

拖拽效果图

 

  • 大小: 3.7 KB
4
1
分享到:
评论
3 楼 wenxiang_tune 2010-12-14  
我曾经用过,+prototype写起来非常舒服
2 楼 qinglintan 2010-09-14  
写的精采,但是不知项目中什么时候会用到。
1 楼 ldbjakyo 2010-09-14  
简而实用!

相关推荐

    javascript拖动层类

    JavaScript拖动层类是一种在网页上实现元素动态拖放功能的技术。这种技术主要基于JavaScript语言,使得用户可以通过鼠标操作页面上的元素,就像在桌面上移动文件一样自由。它广泛应用于各种交互式应用,如对话框、...

    简易而又灵活的Javascript拖拽框架

    JavaScript拖拽框架是一种用于创建交互式用户界面的技术,它允许用户通过鼠标或其他输入设备将元素在屏幕上自由移动,常用于构建可自定义的GUI组件、拖放功能等。本篇文章将详细探讨“简易而又灵活的Javascript拖拽...

    原生javascript实现拖拽改变table表格行高(html)

    原生JavaScript实现的拖拽功能能够为用户带来直观、便捷的操作体验。在这个特定的场景中,我们关注的是如何使用JavaScript来实现拖拽改变HTML表格(table)的行高。标题提到的“原生javascript实现拖拽改变table表格...

    jQuery可水平垂直自由拖拽代码.zip

    本篇文章将深入探讨如何使用jQuery和drag.js插件来创建水平、垂直以及自由拖拽的特效,这在网页设计中非常常见,如图片相册、窗口拖放等场景。 首先,jQuery提供了`mousedown`、`mousemove`和`mouseup`事件来实现...

    JavaScript+CSS层拖动类示例

    "JavaScript+CSS层拖动类示例"提供了一个实用的解决方案,它允许用户通过鼠标轻松地移动页面上的元素,例如窗口、图片或者文本框。这个实例包含三个不同的例子,分别演示了图片窗口、纯文本以及图文混合的拖动效果。...

    jquery拖拽排序插件div自由拖动排序代码

    在给定的标题“jquery拖拽排序插件div自由拖动排序代码”中,我们主要讨论的是如何利用jQuery实现一个功能,让用户能够自由地通过拖放操作来对页面上的div元素进行排序。这种功能在许多应用场景中都非常实用,比如...

    Ajax自由拖动网页布局

    Ajax 自由拖动网页布局是一种技术,用于创建用户可以自由调整元素位置的互动式网页。这一技术结合了Asynchronous JavaScript and XML(Ajax)的核心特点,实现了无刷新更新页面,为用户提供流畅、直观的交互体验。在...

    JavaScript弹出窗口拖拽插件

    在网页设计中,弹出窗口常用于显示警告、确认对话框或者自定义内容,而拖拽功能则提升了用户体验,使得用户可以自由调整窗口的位置以适应他们的查看需求。 首先,我们要理解JavaScript是如何实现div元素的拖拽功能...

    javascript实现鼠标拖动div的效果

    现在,div将在其父容器内自由拖动,且不会超出边界。如果需要在拖动过程中执行其他逻辑,比如触发某些函数或更新数据,可以在`mousemove`事件处理函数中添加相应的代码。 以上就是使用JavaScript实现鼠标拖动div...

    基于PHP和JavaScript的JW页面工厂自由拖拽式Joomla建站工具设计源码

    该项目是一款基于PHP和JavaScript的JW页面工厂自由拖拽式Joomla建站工具设计源码,包含445个文件,涵盖213个PHP脚本、69个PNG图片、38个INI配置、35个SVG图标、27个JavaScript脚本、20个CSS样式表、16个XML文件、4个...

    基于vue20可自由拖拽自由调整大小收缩展开的panel组件

    标题提到的 "基于vue20可自由拖拽自由调整大小收缩展开的panel组件" 正是这样一种组件,它提供了丰富的交互功能,如拖动、缩放和折叠,为用户界面带来更高的灵活性和用户体验。 首先,我们来了解下这个组件的基本...

    JQ JS javascript layui UI组件 元素 div 拖动插件

    本资源涉及的是一个基于jQuery(JQ)、JavaScript(JS)和layui框架的UI组件,特别关注的是元素(尤其是div)的拖动功能。拖动插件是一种常见且实用的增强交互性的工具,它允许用户通过鼠标操作移动页面上的元素,...

    实现boostrap表格td宽度可自由拖动。

    为了实现"bootstrap表格td宽度可自由拖动"的功能,我们需要借助额外的库或者自定义JavaScript代码来实现。在本场景中,我们关注的关键词是"表格td 自由拉伸",这通常意味着我们需要实现列宽的动态调整。 首先,我们...

    可以自由拖动的div ,类似于igoogle个性化首页

    在IT行业中,创建一个可以自由拖动的div页面布局,类似于Google的iGoogle个性化首页,是一种常见的用户界面设计技巧。这种设计允许用户根据个人喜好调整和定制内容的显示方式,提高用户体验。以下将详细讲解实现这个...

    js表格自由拖拽排序特效代码.zip

    在JavaScript的世界里,实现表格的自由拖拽排序特效是一项常见的需求,特别是在数据展示和管理的交互设计中。这个"js表格自由拖拽排序特效代码.zip"压缩包提供了一个解决方案,让我们来深入了解一下其中涉及的关键...

    jQuery水平垂直自由拖拽代码drag.js插件

    在本文中,我们将深入探讨如何使用jQuery和drag.js插件实现水平、垂直及自由拖拽效果。drag.js是一个轻量级的JavaScript库,它为jQuery提供了强大的拖放功能,允许用户与网页元素进行交互,创建出动态且用户友好的...

    表格列自由拖动排序js代码

    在网页开发中,实现表格列的自由拖动排序是一个增强用户体验的重要特性。这款"表格列自由拖动排序js代码"提供了这样一个功能,允许用户通过单击并长按表格的列头来自由移动列的位置,从而根据需要调整表格的布局。...

    懒人原生JavaScript拖拽效果代码

    原生JavaScript拖拽效果是一种常见的用户界面功能,它可以增强网站的互动性和可用性。本文将深入探讨如何使用纯JavaScript实现一个简单、高效的拖拽功能,且无需依赖任何外部库。 首先,标题“懒人原生JavaScript...

    可自由拖拽的BI可视化系统源码.zip

    【标题】"可自由拖拽的BI可视化系统源码.zip" 涉及的主要知识点是商业智能(Business Intelligence,简称BI)与数据可视化技术。 BI是一种利用计算机算法和软件工具来分析、解释和呈现企业数据的技术,以支持决策...

Global site tag (gtag.js) - Google Analytics