日期：2012-8-15 来源：GBin1.com
以往的文章中，我们分享了很多jQuery相关拖放插件，今天我们这里再推荐的一个超酷的jQuery拖放插件-gridster.js绝对会让你眼前一亮，和其它的插件不太一样的地方在于你处理拖放的元素支持不同大小，并且支持多列的网格布局，它们会自动的根据位置自己排序和调整。非常适合你开发具有创意的应用。这个插件可以帮助你将任何的html元素转换为网格组件。
主要特性
- 只依赖jQuery
- 支持元素的添加和删除
- 文档比较全
- 拥有测试用例，你可以查看你的浏览器的测试结果
- 比较适合开发益智游戏
如何使用
引入类库，包括jQuery和gridster.js：
然后导入gridstrer的css文件：
HTML内容如下：
注意gridster.js使用HTML5的data属性来定义相关的拖放元素属性，data-row为行号，data-col为列号，data-sizex为X轴元素宽度，datasizey为Y轴元素宽度。
最后调用插件js，代码如下：
.......
.......
来自 “ ITPUB博客 ” ，链接：https://blog.itpub.net/8288/viewspace-741030/ ，如需转载，请注明出处，否则将追究法律责任。
下一篇：
22个精心挑选的超棒CSS3在线演示
请登录后发表评论
登录
全部评论
