jQuery拖拽插件blockDrag.js

 查看演示  website  立即下载

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)

PREVIOUS:
NEXT:
jQuery在线做试卷并查看答案
原生js分屏滑块