论坛首页 → AJAX版 → JavaScript →

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

 
浏览 948 次
主题：偶写的dragdrop方法,可以很方便的实现拖拽操作
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
  • jasongreen
  • 等级: 初级会员
  • 用户头像
  • 性别:
  • 文章: 440
  • 积分: 70
  • 来自: 安徽
最后更新时间：2008-02-01 关键字: drag drop
引用

用到了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. });  
  • drag.rar (14.5 KB)
  • 描述:
  • 下载次数: 98
返回顶楼
   
  • jasongreen
  • 等级: 初级会员
  • 用户头像
  • 性别:
  • 文章: 440
  • 积分: 70
  • 来自: 安徽
最后更新时间：2007-11-09
引用
多次拖拽，发现越来越慢，不知何故
返回顶楼
   
0 请登录后投票
  • avi2
  • 等级: 一星会员
  • 用户头像
  • 文章: 12
  • 积分: 104
最后更新时间：2007-11-13
引用
jquery有拖动到插件吧，没有必要自己再写吧
返回顶楼
   
0 请登录后投票
 
论坛首页 → AJAX版 → JavaScript

跳转论坛:
JavaEye推荐