zoukankan      html  css  js  c++  java
  • jQuery插件之Drag and Drop

    jquery.dragndrop 是基于 jQuery 1.2.* 开发的一款 jQuery 插件,为用户实现 html dom 拖拽提供了更为便捷的方法。

    Demo 效果如下:


    源码可到此下载:jquery.dragndrop.js

    API简介:

    zIndex(Int): 拖拽发生时拖拽对象的 z-index 值, 主要是为了防止被遮挡, 默认值为20,
    opacity(Float): 拖拽发生时拖拽对象的透明度, 最大为 1 最小为 0, 默认值为 0.7,
    handler(String|Object): 拖拽柄, 比如一般的窗口, 标题部分就为拖拽柄, 当点击拖拽柄使会拖拽整个拖拽对象, 默认值为 null, 必须指定, 可为jQuery筛选器对象,如 '.drag' 或 '#drag' , 也可以为jQuery对象,如 $('.drag'),
    onMove(Function): 拖拽发生时的触发事件, 默认值为 function(e) { }, 参数e为拖拽对象参数, 如可使用e.pageX, e.pageY来获取当前对象位置, 使用cookie存储, 同样也可通过 e.data.dragData获取拖拽对象其他参数, 具体内容可查看源码,
    onDrop(Function): 拖拽结束时触发的事件, 默认值为 function(e) { },参数说明同上.

    如有不明白的地方可以直接查看源码中的示例.

    在线演示:live demo

    /**
     * 
     * Licensed
     * Under an Attribution, Share Alike License
     *
     * Copyright 2008-2014 Tjatse [ thisnamemeansnothing[at]gmail.com ]
     *
     **/
  • 相关阅读:
    学习笔记之jq
    学习笔记之pytest
    本月学习小结(01/10
    本月学习小结(01/09
    学习笔记之Poetry
    学习笔记之Dynaconf
    学习笔记之asyncio — Asynchronous I/O
    Redis 根据key获取所有 HashKey
    Java ffmpeg 合成音视频文件
    Redis 存储中文方式
  • 原文地址:https://www.cnblogs.com/fromearth/p/1456654.html
Copyright © 2011-2022 走看看