Jquery一行代码轻松实现拖动效果 - Palina - ITeye博客

`

天天向上的小尹

浏览: 19046 次
性别:
来自: 上海

最近访客更多访客>>

mrlee09

843469034

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

Jquery一行代码轻松实现拖动效果

博客分类：

jquery

阅读更多

$(document).ready ( function()

            {
                $( " #divPanel " ).easydrag();

                $( " #divPanel " ).setHandler( " divTitle " ); //指定可拖动的区域
            }
    );

注：因为事件多，所以用了它可能会减慢速度。

插件下载地址：

http://www.jzxue.com/System/uploads/soft/web/1_090513233951.rar

分享到：

鼠标样式(ff IE兼容) | margin

2010-08-27 17:36
浏览 955
评论(0)
分类:Web前端
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

基于jquery的一行代码轻松实现拖动效果: 通过一行简单的代码，就可以让指定的元素具备拖动功能。具体到这个插件，使用方法非常简便。首先，需要在HTML文档中引入jQuery库，然后引入EasyDrag插件。在文档加载完成后，通过调用jQuery的ready函数，确保DOM...

Jquery 实现列的拖动 jquery grid: 总结起来，利用jQuery Grid可以轻松实现列拖动、内容展示和压缩的功能。通过对Grid的配置和扩展，我们可以构建出一款功能强大、用户体验良好的数据管理界面。在实际应用中，还可以结合其他jQuery插件和前端框架，...

jQuery-UI和jsPlumb实现拖拽连接模型demo下载: jQuery-UI的拖放API使得这个过程变得简单易行，开发者只需几行代码就能实现这一功能。接着，jsPlumb是一个专门用于创建图形连接（connections between graphical elements）的JavaScript库。在拖拽连接模型中，...

jQuery实现可以拖动及查看自定义坐标刻度尺效果.zip: 本资源"jQuery实现可以拖动及查看自定义坐标刻度尺效果.zip"提供了使用jQuery创建动态、可拖动且带有自定义坐标刻度尺的效果的示例代码。这个功能通常用于数据可视化应用，例如图表、地图或其他需要精确位置指示的...

jQuery表格列表拖动排序代码.zip: jQuery，作为一个轻量级的JavaScript库，提供了丰富的API和插件，使得实现各种复杂的交互效果变得轻松易行。本文将详细探讨如何使用jQuery实现表格列表的拖动排序功能，包括拖动时的高亮显示以及支持任意拖动后的...

好用实用的jquery拖拽插件: jQuery，作为一个强大的JavaScript库，提供了丰富的API来简化DOM操作，使得实现拖拽功能变得简单易行。本文将详细介绍一个好用实用的jQuery拖拽插件，帮助开发者轻松实现拖放功能。 ### 1. jQuery UI Draggable ...

jquery特效网页代码: 4. 事件处理：绑定事件只需一行代码，同时支持事件委托，提高性能。 5. Ajax交互：$.ajax和$.get、$.post等函数让异步请求变得易如反掌。二、jQuery特效 jQuery特效主要涵盖三个方面：动画、过渡和自定义效果。...

jQuery创建div层自由拖动布局代码.zip: 《jQuery实现div层自由拖动布局的代码解析与实践》在网页开发中，动态交互效果的实现往往能提升用户体验，其中，div层的自由拖动布局是常见的一种交互方式。jQuery作为一款强大的JavaScript库，提供了简洁的API，...

web流程设计器（jsplumb+jqueryUI）拖拽功能: 总的来说，利用jsPlumb和jQuery UI，我们可以创建出一个功能强大的、用户友好的Web流程设计器，它的拖拽功能使得流程图的编辑变得简单易行。无论是用于内部开发还是对外提供服务，这样的工具都能够为用户提供极大的...

Jquery IU Draggable随着鼠标移动实现拖动.zip: jQuery UI库提供了一系列丰富的组件，使得开发者能够轻松实现复杂的用户界面功能，其中`Draggable`就是用于创建可拖动元素的工具。本篇文章将详细探讨如何使用jQuery UI的Draggable插件，实现元素随着鼠标移动而实现...

jQuery文件上传插件(支持拖动上传): 这个插件充分利用这一特性，使得用户可以通过在支持的浏览器中拖拽文件到指定区域，轻松实现文件上传，无需点击按钮或使用传统文件选择对话框。这一功能大大提升了上传的直观性和用户友好性。在使用jQuery文件上传...

基于jquery的拖拽交换和拖拽排序组件: 在提供的压缩包文件"drop"中，可能包含了一个实现这些功能的示例代码或者一个完整的jQuery拖拽排序组件。如果你打算自定义或扩展这个组件，你需要研究源码，理解其工作原理，并根据实际需求进行修改。这可能涉及到...

Jquery可拖拽树形菜单.rar: 本资源“Jquery可拖拽树形菜单.rar”提供了一个基于jQuery的实现，允许用户通过拖放操作对树形菜单进行动态管理。这个功能对于构建具有交互性和动态性的Web界面非常有用，尤其是在需要用户自定义组织结构的应用中。 ...

Jquery可拖拽布局组件: jQuery Portal可以轻松与其他jQuery插件或库结合使用，如Bootstrap、jQuery UI等，进一步增强功能和视觉效果。同时，开发者也可以根据需求添加自定义功能或扩展。 ### 9. 示例与文档为了帮助开发者快速上手，...

jquery拖动排序插件Nestable: jQuery提供了一系列方便的DOM操作方法，简化了JavaScript的事件处理和AJAX操作，使得Nestable能够轻松地与网页元素交互。 2. **HTML结构**：Nestable通常使用`<ol>`（有序列表）或`<ul>`（无序列表）来创建层级结构...

jQuery实现表格列表拖动排序特效源码.zip: 总的来说，这个jQuery实现的表格拖动排序特效源码提供了一种高效且易于实现的解决方案，使得开发者可以轻松为表格列表添加互动性，提升用户在网页上的操作体验。通过对源码的深入理解和适当定制，我们可以将其应用于...

jQuery自由拖拽排序插件下载.zip: 在JavaScript中，原生并不直接支持拖放功能，但jQuery通过其丰富的API和插件系统，使得开发人员可以轻松实现这一功能。jQuery自由拖拽排序插件利用了HTML5的Drag and Drop API，结合jQuery的事件处理和DOM操作，使得...

JQuery-tableDnD 拖拽的基本使用 Table Drag and Drop JQuery plugin: jQuery TableDnD是一款强大的JavaScript库，它允许用户在HTML表格中实现行的拖放功能。这个插件非常适合那些需要用户重新排序数据的Web应用，例如任务管理、日程安排或者数据库记录排序等场景。以下是对`jQuery-...

Global site tag (gtag.js) - Google Analytics