类似google拖拽效果的原理实现（来自codeproject）

页面内容很简单 有三个div  一个用来拖拽的id是“a”，另外三个都是用来放置“a”的；
实现原理不难：
窗口打开后调用MakeElementDraggable函数。
MakeElementDraggable函数功能如下：
把a的鼠标按下事件的响应函数指向 InitiateDrag，它将重新定位拖拽窗口为鼠标所在位置，然后鼠标移动事件用drag函数响应，鼠标放开事件用drop函数响应，这两个函数自己看吧，就是实现动态拖拽和在指定区域放置id为a的窗口。
代码下载。
页面代码
posted @ 2007-03-14 15:19 ddr888 阅读(946) 评论(6)  编辑 收藏 所属分类: javascript代码

  回复  引用  查看    
#1楼 2007-03-14 17:08 | kilxy      
把代码复制到 .html里面怎么不好用呢？
  回复  引用  查看    
#2楼 [楼主]2007-03-14 17:12 | ddr888      
@kilxy
这是我整理过的一个页面的整体代码，我这个html页面很正常啊。我传上去吧。
  回复  引用  查看    
#3楼 2007-03-14 18:08 | ∈鱼杆      
我也是不好用。你的下载也不可以用。发EMAIL:pumaboyd@163.com
  回复  引用  查看    
#4楼 [楼主]2007-03-14 18:11 | ddr888      
不好意思 地址已经改。正常了 。
  回复  引用  查看    
#5楼 2007-11-14 22:00 | Justin      
不厚道啊！原文地址呢？
  回复  引用    
#6楼 2008-06-03 16:20 | dmewy [未注册用户]
能否把source发给我一份啊...

标题  
姓名  
主页
Email (只有博主才能看到) 
验证码 *  看不清,换一张 [登录][注册]
内容(请不要发表任何与政治相关的内容)  
  登录  使用高级评论  新用户注册  返回页首  恢复上次提交      
该文被作者在 2007-03-14 18:11 编辑过


相关链接:

最新IT新闻:
Google推出Android Market挑战App Store
美国年轻人最喜欢的15大网站
2008年8月30日IT博客精选
《极品飞车12》最新真人照片、游戏截图
IBM正在开发超强性能4TB固态硬盘阵列
博客园新闻频道  博客园首页  社区