jQuery拖拽插件blockDrag.js

所属分类:输入-拖和放

 43311  345  查看评论 (4)
分享到微信朋友圈
X
jQuery拖拽插件blockDrag.js ie兼容6

1. 引入jquery

2. 引入blockDrag.js

3. 创建对象实例:new blockDrag({});

4. 对象可传参数如下:

boxNode:"#box", //拖拽区域盒子结点,传ID,默认为#box 
dragNode:"#drag",//拖拽结点,传ID,默认为#drag 
blockW:150,   //拖拽结点的宽度,单位为像素,默认为150  
blockH:100,    //拖拽结点的高度,单位为像素,默认为100 
block:"(5,5)",    //栅格的排数和列数(排数,列数),默认为(5,5) 
startPos:"(1,1)"   //拖拽结点的起始位置,例如(3,5)为第三排第五列,默认为(1,1)
相关插件-拖和放

微信左划删除效果

微信左划出现删除按钮
  拖和放
 37956  421

jquery div拖拽换位合并拆分(原创)

拖动div块,两个div距离足够近时合并,远一点时换位。右键点击已合并的div,可显示可选择拆分数组,点击要拆分的数据,即可拆分。再次右击已合并的div即可收起可选择的拆分数据组
  拖和放
 21875  228

基于H5的拖拽功能

基于H5的拖拽功能,再用jQuery进行了功能完善,拖动后根据放置的位置来布局。
  拖和放
 44393  360

jQuery拖拽拉伸缩放插件l_zoom

简约版拖拽拉伸缩放原生jQuery插件 包含 自由缩放 和 等比例缩放 模式 经典还远网页文本框操作简单
  拖和放
 30192  328

讨论这个项目(4)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    湮雨醉丶红颜 0
    2019/12/3 10:55:50
    这种能不能实现动态添加拖拽元素? 回复
    囡囡的长腿大叔?? 0
    2018/5/21 10:23:45
    只能有一个拖拽元素嘛 求告知
    回复
    As 0
    2018/3/20 14:14:12
    var demo=new blockDrag({block:"(9,9)"}); 超过十自动取了1 回复
    奥利奥弗 0
    2017/10/24 10:05:14

    只支持一个拖拽元素的拖拽啊?

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复