javascript实现类似google和msn space的拖拽（转载）

来源：百度文库编辑：神马文学网时间：2024/04/29 04:16:36

最近在网上看到一些朋友到处找类似于google的个性主页和msn space的拖拽实现,在下正好也找到了一个例子.但是问题比较多.我将其改写并完善,建立了一个通用的函数.具体的函数实现如下:

BlackSoul的拖拽Demo

放置范围

拖拽Demo源

需要注意的是:
一.html里面对于div的定义需要有三个. 三个层都必须定义style的position为absolute,以便控制位置
1.目标层(aim),主要作用是定义拖拽生效的位置.
2.拖拽源(sourceLayer).注意设置属性unselectable = "off"(这里比较奇怪,设置成on范围会在拖拽过程中选中层内容)
3.用于复制的层(cloneLayer).
二.函数的调用
startDraging参数解释:
initAim 目标层名称 initSource 拖拽源名称 initClone 用于复制的层的名称
initAimX 目标层x轴坐标 initAimY 目标层y轴坐标 initOrgnX 拖拽源x坐标 initOrgnY 拖拽源Y轴坐标
仅IE里面测试通过.代码里面添加了注释.可以在拖拽源到达目标之后添加写xml的操作.进而记录用户自定义页面排版的数据.对于返回动画的算法还不是很满意.希望各位多多提些建议.以便完善.小弟当前致力于开发一套基于asp.net2.0的ajax控件.希望多多交流.
ps:偶的博客园的第一篇文章.望多多支持.

javascript实现类似google和msn space的拖拽（转载） javascript实现类似google和msn space的拖拽 javascript实现类似google和msn space的拖拽 MSN Space 简易教程（三十六）—— 新发现的 MSN Space 漏洞（已失效） ... Space 简易教程（十三）—— 几个关于 MSN Space 的小技巧 Space 简易教程（四十二）—— MSN SPACE 的新变化 weblucene 更新备忘－实现类似google 的多编码支持 Space 简易教程（四十）—— MSN Space 常见问题 Space 简易教程（四十）—— MSN Space 常见问题 javascript实现Table行和列的拖动 MSN Space 简易教程（三十九）—— 突破 Custom HTML 字符限制的尝试 ... MSN Space技巧归总 MSN Space 简易教程（三十八）—— 网页精灵详解 - MSN能量魔法用JavaScript实现HTML的无缝MARQUEE javascript中trim函数的实现 JavaScript escape/unescape编码的Java实现用JavaScript实现HTML的无缝MARQUEEffffffffffff 曝料：王志东的lava和MSN实现互通-笑熬浆糊：陈中-搜狐博客中国版类似Google Earth软件问世（图）中国版类似Google Earth软件问世（图） JavaScript和Flash的通信 JavaScript的方法和技巧 MSN搜索份额两年下滑5% 追赶Google目标难实现 We Media下的使用与满足理论——MSN SPACE用户行为研究