偶写的dragdrop方法,可以很方便的实现拖拽操作

用到了jquery,函数原型如下:

js 代码

1. /*  
2.  * @src handle element  
3.  * @on_mousedown  function(handlingElement,x,y)  
4.  * @on_mousemove  function(handlingElement,dx,dy,ddx,ddy,x,y);  
5.  * x,y current x,y  
6.  * dx,dy  delta x,y from mousedown  
7.  * ddx,ddy delta x,y from last move  
8.  */  
9. function handleDrag(src,on_mousedown,on_mousemove){   
10. ...   
11. }  

 

例子:

js 代码

1. $("td").each(function(){   
2.     var ow,oh;//记录第一次的宽度和高度   
3.     handleDrag(this,   
4.         function(src,x,y){   
5.             ow=$(src).width();   
6.             oh=$(src).height();   
7.         },   
8.         function(src,x,y,dx,dy,ddx,ddy){   
9.             p=$(src);   
10.             p.width(ow+dx);   
11.             p.height(oh+dy);   
12.     });   
13. });