{
    分享网正式开通,我们为大家提供免费资源,欢迎大家踊跃投稿!

jQuery+blockDrag.js拖动div栅格布局代码

jQuery+blockDrag.js拖动div栅格布局代码,拖动层自动吸附栅格内对齐,一款不错的拖动div网格布局代码。


js代码

<script type="text/javascript" src="js/blockDrag.min.js"></script>
<script type="text/javascript">
//初始化对象
var demo=new blockDrag({block:"(6,8)"});
//设置背景栅格,可根据需要添加
var blockNum=Number(demo.col)*Number(demo.row);
for(var i=0;i<blockNum;i++){
$("<div class='block' style='width:"+demo.set.blockW+"px;height:"+demo.set.blockH+"px'></div>").appendTo($("#box"));
}
</script>


在线预览
资源均来自第三方,谨慎下载,前往第三方网站下载


米微资源分享网 , 版权所有丨本站资源仅限于学习研究,严禁从事商业或者非法活动!丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:jQuery+blockDrag.js拖动div栅格布局代码
喜欢 ()分享 (0)