`

jquery--ppDrag

阅读更多
ppDrag is a Drag&Drop plugin for jQuery, which mimics the interface of jQuery UI's Draggable. Currently supported is a small subset of its options, but the implementation is different (ppDrag focuses on performance). Drag the two boxes below while watching your CPU usage to see the differences in their speed:

The speed difference is more visible with slower CPU's. If you have a fast processor which supports SpeedStep or a similar technology, you can try lowering its frequency. Also, due to JavaScript engine optimizations in the last generation browsers, the speed difference is less than with older browsers. For example, it is greater with Firefox 2 than with Firefox 3.

All major existing browsers are supported. This includes IE6/7, Firefox1/2/3, Opera, Konqueror, Safari, and probably others.

Download:
ppDrag is licensed under the LGPL license

Latest version (0.2): jquery.ppdrag.js
All downloads: http://code.google.com/p/ppdrag/downloads/list
Subversion: http://code.google.com/p/ppdrag/source/checkout

Usage:
Include jQuery:
<script src="jquery.js" type="text/javascript"></script>
Include ppDrag:
<script src="jquery.ppdrag.js" type="text/javascript"></script>
Activate ppDrag. Example:
$(document).ready(function() {
    $("#element1").ppdrag();
});

Note: at the moment ppDrag doesn't support elements with static positioning. Please use either relative, absolute, or fixed positioning.
(optional) Specify options. Example:
$(document).ready(function() {
    $("#element2").ppdrag({ zIndex: 1000 });
});

(optional) When no longer needed, you can deactivate ppDrag. Example:
$("#element2").ppdrag("destroy");

Supported options:
zIndex: [integer] z-index for the element while being dragged.
stop: [function(element)] Function that gets called when dragging stops.
History:
Version 0.1 (2008-04-03):
Initial release
Version 0.2 (2008-08-26):
Fixed cancelling IE's default event action didn't work;
Callbacks (only 'stop' for now) receive the element both as 'this' and as an argument, just like jQuery UI Draggable;
Updated jQuery UI version used in this demo to 1.5.2. It has received many optimizations and is now signifficantly faster than before (though still not as fast as ppDrag);
ToDo:
Seems like IE's default actions are not prevented properly while handling mouse events. Investigate and fix.
Add support for start and drag callbacks
Add explicit support for static-positioned elements (currently supported are absolute, relative, fixed)
Add support for more of jQuery UI Draggable's options
(possibly) Add Droppables
Contact:
Copyright (c) 2008, Peter Petrov
The author can be contacted at email: ppetrov(at)ppetrov.com

Bugs and feature requests should be reported at the issue tracker.

分享到:
评论

相关推荐

    jquery-3.3.1.js和jquery-3.3.1.min.js

    jquery-3.3.1.js和jquery-3.3.1.min.js免费下载哈。jquery-3.3.1.js和jquery-3.3.1.min.js免费下载哈。jquery-3.3.1.js和jquery-3.3.1.min.js免费下载哈。jquery-3.3.1.js和jquery-3.3.1.min.js免费下载哈。jquery-...

    开发工具 jquery-1.11.3.min

    开发工具 jquery-1.11.3.min开发工具 jquery-1.11.3.min开发工具 jquery-1.11.3.min开发工具 jquery-1.11.3.min开发工具 jquery-1.11.3.min开发工具 jquery-1.11.3.min开发工具 jquery-1.11.3.min开发工具 jquery-...

    jquery-3.7.0.min.js(jQuery下载)

    jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)...

    jquery-ui.css、jquery-ui.js下载

    在本文中,我们将详细探讨`jquery-ui.css`和`jquery-ui.js`这两个关键文件,并讨论如何在项目中有效地使用它们。 首先,`jquery-ui.css`是jQuery UI的核心样式文件,它包含了所有组件的默认样式和主题。这个文件...

    jquery-migrate-1.2.1.js文件

    `jquery-migrate-1.2.1.js` 文件是jQuery的一个辅助工具,它主要用于帮助开发者解决在升级到较新版本的jQuery时可能遇到的向后兼容性问题。这个插件的主要目的是为了警告开发者那些在新版本中已经被废弃或者更改的...

    jquery-ui-1.8.16

    jquery-ui-1.8.16jquery-ui-1.8.16jquery-ui-1.8.16jquery-ui-1.8.16jquery-ui-1.8.16jquery-ui-1.8.16jquery-ui-1.8.16jquery-ui-1.8.16jquery-ui-1.8.16jquery-ui-1.8.16jquery-ui-1.8.16jquery-ui-1.8.16jquery-...

    jQuery-1.12.4.js和jQuery-1.8.3.min.js

    "jQuery-1.12.4.js" 和 "jQuery-1.8.3.min.js" 是两个不同版本的jQuery库,用于前端网页开发。这两个文件分别代表了jQuery的不同阶段,各自有其特性和适用场景。 首先,我们来看 "jQuery-1.12.4.js"。这是jQuery的...

    jquery-ui-1.8.2.custom.min.js,jquery-ui-1.8.4.custom.css

    在实际项目中,`jquery-ui-1.8.2.custom.min.js`和`jquery-ui-1.8.4.custom.css`通常一起使用,以确保JavaScript组件的外观和行为与CSS样式协调一致。然而,需要注意的是,这两个版本相对较旧,可能不包含后来版本中...

    jquery-3.4.1_jquery_3.4.1.js_jquery-3.4.1_sangat1_jquery3.4.1_jq

    "jquery-3.4.1_sangat1_jquery3.4.1"可能指的是一个特定的项目或者命名约定,"sangat1"可能是项目名或者是个人开发者的名字,而"jquery3.4.1"是jQuery库的另一种写法,它们都指向同一种资源——jQuery 3.4.1。...

    jquery-ui-1.8.16.custom.min.js/jquery-ui-1.8.16.custom.css

    这个压缩包包含两个关键文件:`jquery-ui-1.8.16.custom.min.js` 和 `jquery-ui-1.8.16.custom.css`,这些都是jQuery UI的特定版本,即1.8.16。这个版本在当时是一个广泛使用的稳定版本,提供了丰富的功能和组件。 ...

    jquery-3.1.1.js和jquery-3.1.1.min.js

    本篇文章将深入探讨jQuery 3.1.1版本的两个核心文件——`jquery-3.1.1.js`和`jquery-3.1.1.min.js`,以及它们在Bootstrap Treeview插件中的应用。 首先,我们来看`jquery-3.1.1.js`,这是未经压缩和未优化的源代码...

    jquery-confirm.js和jquery-form.js

    在本主题中,我们重点关注两个特定的jQuery插件:`jquery-confirm.js`和`jquery-form.js`,它们是jQuery生态中的重要组成部分,用于增强网页的用户体验。 `jquery-confirm.js`是一个功能丰富的提示框插件,它替代了...

    jquery插件jquery-ui-1.8.2.custom.min.js

    《jQuery UI与jQuery插件深度解析——以jquery-ui-1.8.2.custom.min.js为例》 在Web开发领域,jQuery库以其简洁易用的API和强大的功能深受开发者喜爱。而jQuery UI作为jQuery的一个扩展,提供了丰富的用户界面组件...

    jquery-3.5.0.js jquery-3.5.0.min.js.zip

    jquery-3.5.0.js jquery-3.5.0.min.js.zip

    jquery-migrate-3.0.0.zip

    在压缩包内,包含了两个主要文件:`jquery-migrate-3.0.0.js` 和 `jquery-migrate-3.0.0.min.js`。这两个文件分别是未压缩的完整版和压缩后的精简版。未压缩版本方便开发者阅读和调试,而压缩版则用于生产环境,以...

    jquery-3.6.3相关及js文件

    一共包括1、jquery-3.6.3.js文件。 2、jquery-3.6.3.min.js文件。3、jquery-migrate-3.4.0.js文件(主要用于解决jquery版本升级中的问题,是jquery版本升级所必须引用的文件)。4、jquery-migrate-3.4.0.min.js...

    jquery-1.9.1.js 、jquery-1.9.1.min.js 【官方jquery包 js】

    `jquery-1.9.1.js`是未压缩的源代码版本,便于开发者阅读、调试和学习,而`jquery-1.9.1.min.js`是经过压缩和优化后的版本,体积更小,适用于生产环境,以提高页面加载速度。 jQuery 1.9.1版本是一个重要的里程碑,...

    jquery-1.6.4-vsdoc.js

    压缩包内包含jquery-1.6.4.js jquery-1.6.4.min.js jquery-1.6.4-vsdoc.js 。 【推荐用法】 1、将jquery-1.6.4-vsdoc.js与jquery-1.6.4.js放在同一目录,然后在vs中添加对jquery-1.6.4.js的引用即可; 2、切记:...

    jquery-3.5.1.min.js_jquery-3.5.1.min.js_jquery_

    标题中的“jquery-3.5.1.min.js”代表的是jQuery库的3.5.1版本的压缩后的最小化文件,这种格式的文件通常用于实际生产环境中,以减小页面加载时间。"jquery-3.5.1.min.js"是这个特定版本的核心文件,包含了所有...

    jquery-1.11.1.js 、jquery-1.11.1.min.js 【官方jquery包 js】

    这个压缩包包含了两个版本的jQuery——`jquery-1.11.1.js`和`jquery-1.11.1.min.js`,它们都是官方发布的jQuery 1.11.1版本。这两个文件的主要区别在于,前者是未经压缩的源代码版本,方便开发者阅读和调试;后者则...

Global site tag (gtag.js) - Google Analytics