鼠标拖动Div

<SCRIPT   LANGUAGE="JavaScript">  

  <!--  

  var   currentMoveObj   =   null;         //当前拖动对象  

  var   relLeft;         //鼠标按下位置相对对象位置  

  var   relTop;  

  function   f_mdown(obj)  

  {  

          currentMoveObj   =   obj;                 //当对象被按下时,记录该对象  

          currentMoveObj.style.position   =   "absolute";  

          relLeft   =   event.x   -   currentMoveObj.style.pixelLeft;  

          relTop   =   event.y   -   currentMoveObj.style.pixelTop;  

  }  

  window.document.onmouseup   =   function()  

  {  

          currentMoveObj   =   null;         //当鼠标释放时同时释放拖动对象  

  }  

  function   f_move(obj)  

  {  

          if(currentMoveObj   !=   null)  

          {  

                  currentMoveObj.style.pixelLeft=event.x-relLeft;  

                  currentMoveObj.style.pixelTop=event.y-relTop;  

          }  

  }  

   

  //-->  

  </SCRIPT>  

  <BODY>  

  <TABLE   width="100"   border=1   onselectstart="return   false"   style="position:absolute;left:50;top:50"   onmousedown="f_mdown(this)"   onmousemove="f_move(this)">  

  <TR>  

          <TD   bgcolor="#CCCCCC"   align="center"   style="cursor:move">title1</TD>  

  </TR>  

  <TR>  

          <TD   align="center"   height="60">content</TD>  

  </TR>  

  </TABLE>  

  <TABLE   width="100"   border=1   onselectstart="return   false"   style="position:absolute;left:350;top:250"   onmousedown="f_mdown(this)"   onmousemove="f_move(this)">  

  <TR>  

          <TD   bgcolor="#CCCCCC"   align="center"   style="cursor:move">title2</TD>  

  </TR>  

  <TR>  

          <TD   align="center"   height="60">content</TD>  

  </TR>  

  </TABLE>  

  </BODY>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值