一个比较简单的可拖动代码
[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]---