摘要:
一、开篇 这是这个拖拽系列的第三篇了,第一篇简单的介绍了一下这个拖拽框架,第二篇用这个框架做了一个Tab标签的拖放。这次用这个拖拽框架做一个更复杂一点的效果——跨列拖放。就像iGoogle和netvibes的个性页面布局那样。 二、原理 框架在第一篇做了介绍,这里直接使用。 首先要找到每个可以拖动的item,对于每个拖动的item,对其注册组件Drag.init(handle,dr... 阅读全文
摘要:
一、开篇 在上一篇中,似乎不出来这个框架有多强大。是因为我们实现的效果太简单了,还不足以体现框架的强大和灵活,在这一节中,用这个灵活的框架轻易的来实现拖放! 二、原理 框架的原理在上一篇文章中介绍了,这里就不在重复,直接开始使用这个框架了 首先通过Drag.init来注册拖动组件; 分析: 1、拖动开始的时候 将dragGhost插入到鼠标拖动的那个元素,鼠标拖动的元素的posit... 阅读全文
摘要:
一、开篇 最近在做js拖拽的时候,发现了一个强大而又灵活的拖拽框架,(之前用了代码混淆器,还好代码比较短,我就翻译过来了)利用这个框架不仅能实现简单的拖动,更能轻易的实现各种复杂的拖放功能。这一篇先实现最简单的拖拽,稍微复杂的拖放将在后面的文章里写出来。 二、代码 先把代码贴出来 Code Code highlighting produced by Actipro CodeHighlighte... 阅读全文