div拖动
来源:互联网 发布:it解决方案模板 编辑:程序博客网 时间:2024/05/23 13:42
Drag("back");
function Drag(id) {
var $ = function (flag) {
return document.getElementById(flag);
}
$(id).onmousedown = function (e) {
var d = document;
var that=this;
var page = {
event: function (evt) {
var ev = evt || window.event;
return ev;
},
pageX: function (evt) {
var e = this.event(evt);
return e.pageX || (e.clientX + document.body.scrollLeft - document.body.clientLeft);
},
pageY: function (evt) {
var e = this.event(evt);
return e.pageY || (e.clientY + document.body.scrollTop - document.body.clientTop);
},
layerX: function (evt) {
var e = this.event(evt);
return e.layerX || e.offsetX;
},
layerY: function (evt) {
var e = this.event(evt);
return e.layerY || e.offsetY;
}
}
var x = page.layerX(e);
var y = page.layerY(e);
if (that.setCapture) {
that.setCapture();
}
else if (window.captureEvents) {
window.captureEvents(Event.MOUSEMOVE | Event.MOUSEUP);
}
d.onmousemove = function (e) {
var tx = page.pageX(e) - x;
var ty = page.pageY(e) - y;
that.style.left = tx + "px";
that.style.top = ty + "px";
}
d.onmouseup = function () {
if (that.releaseCapture) {
that.releaseCapture();
}
else if (window.releaseEvents) {
window.releaseEvents(Event.MOUSEMOVE | Event.MOUSEUP);
}
d.onmousemove = null;
d.onmouseup = null;
}
}
}
function Drag(id) {
var $ = function (flag) {
return document.getElementById(flag);
}
$(id).onmousedown = function (e) {
var d = document;
var that=this;
var page = {
event: function (evt) {
var ev = evt || window.event;
return ev;
},
pageX: function (evt) {
var e = this.event(evt);
return e.pageX || (e.clientX + document.body.scrollLeft - document.body.clientLeft);
},
pageY: function (evt) {
var e = this.event(evt);
return e.pageY || (e.clientY + document.body.scrollTop - document.body.clientTop);
},
layerX: function (evt) {
var e = this.event(evt);
return e.layerX || e.offsetX;
},
layerY: function (evt) {
var e = this.event(evt);
return e.layerY || e.offsetY;
}
}
var x = page.layerX(e);
var y = page.layerY(e);
if (that.setCapture) {
that.setCapture();
}
else if (window.captureEvents) {
window.captureEvents(Event.MOUSEMOVE | Event.MOUSEUP);
}
d.onmousemove = function (e) {
var tx = page.pageX(e) - x;
var ty = page.pageY(e) - y;
that.style.left = tx + "px";
that.style.top = ty + "px";
}
d.onmouseup = function () {
if (that.releaseCapture) {
that.releaseCapture();
}
else if (window.releaseEvents) {
window.releaseEvents(Event.MOUSEMOVE | Event.MOUSEUP);
}
d.onmousemove = null;
d.onmouseup = null;
}
}
}
0 0
- 拖动 DIV
- div 拖动
- div拖动
- div拖动
- div拖动
- div拖动
- DIV拖动实例
- 可拖动的DIV
- JavaScript可拖动DIV
- JavaScript可拖动DIV
- div + css 拖动层
- Div随意拖动
- DIV拖动代码
- 鼠标拖动DIV
- JavaScript可拖动DIV
- 拖动 div 代码
- DIV拖动层效果
- 可拖动的div
- 个人博客主页
- 一个不错的网站,搞技术的可以点点看偶
- iOS GCD整理(一)
- jQuery 效果 - stop() 方法
- spring 实例初始化时机
- div拖动
- 计算圆周率到指定精度.
- Android学习--可选别名资源和fragment回调接口
- Android groovy
- 格式化数字保留两位小数
- centos7 安装rsyslog
- Android GridView详解
- 深入理解scrollView的contentOffset等属性转自holydancer的CSDN专栏,原文地址:http://blog.csdn.net/holydancer/article/deta
- 真正的跑马灯效果