div拖动基础

需积分: 8 30 下载量 131 浏览量 2008-08-26 22:32:47 上传评论收藏 1KB TXT 举报

温馨提示

试读

2页

div拖动基础div拖动基础div拖动基础div拖动基础

资源推荐

资源详情

资源评论

<body>
<div style="position:absolute;background:#000;width:50px;height:50px;cursor:move" id="test"></div>
<script type="text/javascript">
function Drag(obj){
var me=this;
this.foo = (typeof obj=="string")?document.getElementById(obj):obj;

this.foo.onmousedown = function(e){
var foo = me.foo;
e = e||event;
if( e.layerX ){ foo.oOffset = {x:e.layerX, y:e.layerY }; }
else { foo.oOffset = {x:e.offsetX, y:e.offsetY }; }
document.onmousemove = me.drag;
document.onmouseup = me.drop;
document.onselectstart = function(){ return false; };
}

this.drag = function(e){
var foo = me.foo;
e=e||event;
foo.style.top = e.clientY - foo.oOffset.y + "px";
foo.style.left = e.clientX - foo.oOffset.x + "px";
}

this.drop = function(e){
e=e||event;
document.onmousemove = document.onmouseup = document.onselectstart = null;
}
}
new Drag('test');

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余1页未读，立即下载

评论收藏

内容反馈