zoukankan      html  css  js  c++  java
  • jquery实现页面控件拖动效果js代码

    ;(function($) {
    var DragPanelId = "divContext";
    var _idiffx = 0;
    var _idiffy = 0;
    var _Div = null;
    $.extend({

    AttachDrag: function(dragId) {
    if (dragId)
    $._Div = document.getElementById(dragId);
    else
    $._Div = document.getElementById($.DragPanelId);
    document.body.onmousedown = $._handleMouseDown;

    },
    _handleMouseDown: function() {
    var oEvent = window.event;
    if ($._Div) {
    $._idiffx = oEvent.clientX - $._Div.offsetLeft;
    $._idiffy = oEvent.clientY - $._Div.offsetTop;
    document.body.onmousemove = $._handleMouseMove;
    document.body.onmouseup = $._handleMouseUp;
    }
    },
    _handleMouseMove: function() {
    var oEvent = window.event;
    $._Div.style.left = oEvent.clientX - $._idiffx;
    $._Div.style.top = oEvent.clientY - $._idiffy;
    $._Div.style.cursor = "move";
    },
    _handleMouseUp: function() {
    document.body.onmousemove = null;
    document.body.onmouseup = null;
    $._Div.style.cursor = "default";
    }
    });
    }
    )(jQuery)

  • 相关阅读:
    [转]mysql视图学习总结
    [转]mysql索引详解
    mysql索引的操作
    [转]mysql的约束
    mysql表的操作
    【转】mysql的数据类型
    java泛型
    java 8新特性
    Dubbo有意思的特性介绍
    dubbo + zookeeper
  • 原文地址:https://www.cnblogs.com/klsw/p/4715470.html
Copyright © 2011-2022 走看看