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

aries 发表于 2008-01-22 2586 次浏览

[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]---

0条评论

如需评论,请填写表单。
换一个

记住我的信息