javascript实现类似google和msn space的拖拽
来源:百度文库 编辑:神马文学网 时间:2024/04/28 22:39:14
最近在网上看到一些朋友到处找类似于google的个性主页和msn space的拖拽实现,在下正好也找到了一个例子.但是问题比较多.我将其改写并完善,建立了一个通用的函数.具体的函数实现如下:
BlackSoul的拖拽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:偶的博客园的第一篇文章.望多多支持.
放置范围
拖拽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的拖拽(转载)
weblucene 更新备忘-实现类似google 的多编码支持
javascript实现Table行和列的拖动
MSN Space 简易教程(三十六)—— 新发现的 MSN Space 漏洞(已失效) ...
MSN Space技巧归总
Space 简易教程(十三)—— 几个关于 MSN Space 的小技巧
Space 简易教程(四十二)—— MSN SPACE 的新变化
用JavaScript实现HTML的无缝MARQUEE
javascript中trim函数的实现
JavaScript escape/unescape编码的Java实现
用JavaScript实现HTML的无缝MARQUEEffffffffffff
曝料:王志东的lava和MSN实现互通-笑熬浆糊:陈中-搜狐博客
JavaScript和Flash的通信
JavaScript的方法和技巧
MSN搜索份额两年下滑5% 追赶Google目标难实现
Space 简易教程(四十)—— MSN Space 常见问题
Space 简易教程(四十)—— MSN Space 常见问题
We Media下的使用与满足理论——MSN SPACE用户行为研究
MSN Space 简易教程(三十九)—— 突破 Custom HTML 字符限制的尝试 ...
MSN和QQ的区别
MSN和QQ的区别
msn space添加多个 PowerToy 模块