JavaScript拖动Drag事例

个人档案

mod1

分类文档

mod2

友情链接

mod3

博文推荐

JavaScript拖动Drag类说明

构造函数参数settings属性：

  1. container：拖拽的区域大容器，*必须
  2. column：允许拖放的区域的元素（css类名）
  3. mod：拖放的元素（css类名）
  4. handle：允许拖拽的句柄元素（css类名）
  5. shadow：是否产生阴影层元素，默认true

我的文章

拖拽后保存位置的方式：Cookie

Cookie存放的格式：

  1. Drag=1=1-1&2=1-2&3=1-3&4=2-4&5=2-5&6=3-6&7=3-7&8=3-8;
  2. Cookie名=模块ID=区域ID-排序号ID&模块ID=区域ID-排序号ID;

初始化方式：

服务器端获取Cookie里保存模块位置值（或数据库内记录），使用动态加载区域内模块的控件，不提倡在客户端使用JavaScript来初始化保存的位置。

这里是不可拖拽模块

重要修复：

当拖动过程如果滚动鼠标滑轮，会导致隔空拖拽的问题，故添加mousewheel鼠标滑轮事件监停，并计算出滑轮滚动距离，已修复此问题，兼容FireFox。


关注最多

mod6

最新评论

mod7

最进发表

mod8