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)
jquery实现页面控件拖动效果js代码的更多相关文章
- SELECT控件操作的JS代码示例
		
SELECT控件操作的JS代码示例 1 检测是否有选中 if(objSelect.selectedIndex > -1) { //说明选中 } else { //说明没有选中 } 2.动态创建s ...
 - 日历控件修改的JS代码
		
var bMoveable=true; var _VersionInfo=" " ; //============================================= ...
 - 弹出框页面中使用jquery.validate验证控件
		
弹出框页面中使用jquery.validate验证控件有几个问题需要解决: 1,弹出框的提交事件完成后如何关闭弹出框页面? 2,提交不成功如何返回当前页? 3,如果知道验证事件成功? 之前笔者都是JS ...
 - 基于Jquery WeUI的微信开发H5页面控件的经验总结(1)
		
在微信开发H5页面的时候,往往借助于WeUI或者Jquery WeUI等基础上进行界面效果的开发,由于本人喜欢在Asp.net的Web界面上使用JQuery,因此比较倾向于使用 jQuery WeUI ...
 - 基于Jquery WeUI的微信开发H5页面控件的经验总结(2)
		
在微信开发H5页面的时候,往往借助于WeUI或者Jquery WeUI等基础上进行界面效果的开发,由于本人喜欢在Asp.net的Web界面上使用JQuery,因此比较倾向于使用 jQuery WeUI ...
 - 使用Uploadify 时,同时使用了jQuery.Validition 验证控件时,在IE11上出现JS缺少对象错误。
		
场景: 使用jQuery.1.8.2 使用 Uploadify 3.2上传控件 使用jQuery.Validition 1.9 验证 使用IE 11 时,当鼠标点击上传按钮时,会出现JS 缺少对象错误 ...
 - 利用来JS控制页面控件显示和隐藏有两种方法
		
利用来JS控制页面控件显示和隐藏有两种方法,两种方法分别利用HTML的style中的两个属性,两种方法的不同之处在于控件隐藏后是否还在页面上占空位. 方法一: 1 2 document.getEle ...
 - 基于jQuery 常用WEB控件收集
		
Horizontal accordion: jQuery 基于jQuery开发,非常简单的水平方向折叠控件. Horizontal accordion: jQuery jQuery-Horizonta ...
 - 一些基于jQuery开发的控件
		
基于jQuery开发,非常简单的水平方向折叠控件.主页:http://letmehaveblog.blogspot.com/2007/10/haccordion-simple-horizontal-a ...
 
随机推荐
- 算法导论第十八章 B树
			
一.高级数据结构 本章以后到第21章(并查集)隶属于高级数据结构的内容.前面还留了两章:贪心算法和摊还分析,打算后面再来补充.之前的章节讨论的支持动态数据集上的操作,如查找.插入.删除等都是基于简单的 ...
 - sql server 2008安装过程中服务器配置出错
			
请选择:对所有 SQL Server 服务使用相同的账号: 但这里不能给他设置自己定义的账号和密码 ( 例如下面设置它的账号为 sa ,密码为 654321) 就会发生错误:
 - Vim 插件之 NERDTree
			
设置快键键 编辑 .vimrc 添加以下内容后,可以使用 ctrl + n 来开关 NERDTree 插件. map <silent> <C-n> :NERDTreeToggl ...
 - 关于js中的几个小问题。
			
问题1: 使用连续赋值后面的变量会成为全局对象的一个属性,并且这个属性可以通过delete删除. 原因:赋值语句是从右往左执行的,我们将10赋值给了c,但是c此时还声明,接着把c的返回值赋值给了b,但 ...
 - 批量修改Project视图中Prefab的名字
			
简要代码如下: using UnityEditor; using UnityEngine; using System.IO; using System.Collections; using Syste ...
 - ruby -- 进阶学习(十五)friendly_id配置
			
实现效果:http://127.0.0.1:3000/article/1 => http://127.0.0.1:3000/article/书名 (1)Rails 4.0的friendly_ ...
 - eclipse luna 安装 Hadoop 1.2.1 eclipse-plugin
			
博主最近学习Hadoop 1.2.1,从多个搜索引擎的搜索结果当中汇合得出本文Hadoop 1.2.1 Eclipse-plugin安装过程介绍,如果你是从网上下载hadoop-eclipse-plu ...
 - Node.js Web 开发框架大全《静态文件服务器篇》
			
这篇文章与大家分享优秀的 Node.js 静态服务器模块.Node 是一个服务器端 JavaScript 解释器,它将改变服务器应该如何工作的概念.它的目标是帮助程序员构建高度可伸缩的应用程序,编写能 ...
 - Direct3D11学习:(三)Direct3D11初始化
			
转载请注明出处:http://www.cnblogs.com/Ray1024 一.概述 做完一系列的准备工作之后,我们就正式进入Direct3D11的学习了.我们就从Direct3D11的初始化工作开 ...
 - 转载:混淆包含SlidingMenu、gson等Android代码的proguard写法
			
描述:作为一个写了几年c#的码农,咱的java水平实在不敢恭维,但是最近有个任务需要弄点java的代码,还要研究混淆.网上百度并实验了整整一天,终于算是有点成果了.其中混淆的时候由于用到了gson包, ...