很多人都希望页面元素可以像窗体元素一样操作,其实绝大多数的操作都是可行的,虽然像easyUI等这样的大牌插件也整合有drag操作,但部分功能不能满足个人要求,闲来无事,基于jquery写了一个可以复用js插件实现组件拖拽。
功能特点:
- 拖拽时组件整体半透明
- 拖拽时组件处于最顶层
- 拖拽结束后恢复原透明度
- 拖拽结束后恢复其z轴原层级
插件代码 drag.js
// JavaScript Document
$(document).ready(function(e) {
var zIndex=0;
var mousex=0,mousey=0;
var divLeft,divTop;
$('.drag').css("cursor","pointer"