一个比较简单的可拖动代码

作者: aries 分类: JS 发布时间: 2008-01-22 07:00 ė 2482次浏览 6 0评论

[html]

Maudo.net ---- Simple Drag

// 作者:maudo

// 博客:http://iw3c.com

// QQ :33778000

var maudodrag={

_drag:false,

xPos:0,

yPos:0,

leftoffset:0,

topoffset:0,

ID:function(d){

return document.getElementById(d);

},

maudoevent:function(e){

  if (!e){
e = window.event;

}

return e;

},

dragaction:function(obj){

  maudodrag.ID(obj).onmousedown=function(e){
maudodrag._drag=true;

maudodrag.ID(obj).style.position="absolute";

maudodrag.leftoffset=maudodrag.ID(obj).offsetLeft;

maudodrag.topoffset=maudodrag.ID(obj).offsetTop;

maudodrag.xPos=maudodrag.maudoevent(e).clientX;

maudodrag.yPos=maudodrag.maudoevent(e).clientY;

document.onmousemove=function(e){

  if(!maudodrag._drag) return false;

maudodrag.ID(obj).style.left=maudodrag.leftoffset+maudodrag.maudoevent(e).clientX-maudodrag.xPos+"px";

maudodrag.ID(obj).style.top=maudodrag.topoffset+maudodrag.maudoevent(e).clientY-maudodrag.yPos+"px";

}

},

document.onmouseup=function(){

maudodrag._drag=false;

}

}

}

    点这里拖动

[/html]---

换一个
暂无评论
Ɣ回顶部