论坛首页 → Web前端技术论坛 →

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

浏览 2716 次
锁定老帖子 主题：偶写的dragdrop方法,可以很方便的实现拖拽操作
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
  • jasongreen
  • 等级: 二星会员
  • 性别:
  • 文章: 922
  • 积分: 280
  • 来自: 安徽
   发表时间：2007-11-02  

用到了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. });  
返回顶楼
         
  • jasongreen
  • 等级: 二星会员
  • 性别:
  • 文章: 922
  • 积分: 280
  • 来自: 安徽
   发表时间：2007-11-09  
多次拖拽，发现越来越慢，不知何故
返回顶楼
          回帖地址
0 请登录后投票
  • avi2
  • 等级: 一星会员
  • 文章: 44
  • 积分: 184
   发表时间：2007-11-13  
jquery有拖动到插件吧，没有必要自己再写吧
返回顶楼
          回帖地址
0 请登录后投票
论坛首页 → Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics