七个帮助你处理Web页面层布局的jQuery插件

1.UI.Layout  jQuery UI布局插件

官方网站：http://layout.jquery-dev.com/index.cfm

使用大小可折叠的嵌套面板和大量选项建立高级UI布局。布局能够建立任何你想要的UI外观; 从简单的标题或侧边栏到具备工具栏，菜单，帮助面板，状态栏，子表单等的复杂应用程序。集成并加强其余UI小部件，如选项卡，手风琴和对话框，以建立丰富的界面。

 

 

2.jQUery Masonry

官方网站：https://masonry.desandro.com/?resources/jquery-masonry

全部项目的大小和样式都由您本身的CSS处理。项目大小能够用响应式布局的百分比来设置

 

 

3.jLayout

jLayout JavaScript库提供了用于布局组件的布局算法。一个组件是一个抽象; 它能够经过多种方式实现，例如HTML5 Canvas绘图中的项目或HTML元素。jLayout库容许您专一于绘制各个组件，而不是如何将其排列在屏幕上。

GitHub：https://github.com/bramstein/jlayout/

 

 

 

4.jQuery pageSlide

Query pageSlide 是一个jQuery插件，它能够控制一个隐藏页面的显示和关闭。jQuery展开左右侧栏目插件PageSlide，pageslide插件功能实现现实隐藏侧边栏的功能。插件能够读取另个一html,也能够是当前页面中的元素，目前比较流行的导航菜单展示形式,特别是在手机端或者触屏页面,效果仍是不错的

demo：http://www.jq22.com/jquery-info343

 

 

 

 

5.jQSlickWrap

http://www.jwf.us/projects/jQSlickWrap/

jQSlickWrap是一个真正能够将内容包裹在图片周围的jQuery插件。该插件使用HTML5 Canvas标签,用法很是简单。能够轻松而准确地实现浮动图像的文字环绕效果。

 

 

 

6.Columnizer

官方网址：https://welcome.totheinter.net/columnizer-jquery-plugin/

Columnizer jQuery Plugin将自动以报纸列格式来布局您的内容。您能够指定列宽或列的静态数量。并且，固然，这很容易使用！Columnizer会将CSS类添加到它建立的列中。每列将有一个“列”类名。第一列将有“第一”，最后一列将有“最后”。这使您能够更轻松地定位CSS标记中的特定列。

github:https://github.com/adamwulf/Columnizer-jQuery-Plugin

 

 

7：Columns

jQueryJSON数据转换为html表插件Columns

GitHub：https://github.com/eisenbraun/columns

Columns建立JSON数据转化为HTML方法 引用jQuery库1.7或更高版本和Columns插件文件，列是将JSON数据建立为可排序，可搜索和分页的HTML表格的简单方法。全部你须要的是提供的数据，和列将完成其他的。由于Columns动态地建立了全部必要的HTML，因此惟一须要的HTML是一个空的HTML元素，好比一个<div>标签，在初始化时使用相应的id。

 

==================================================================
注意：本文原创做者祈澈姑娘，创做不易。转载请标明做者和文章的原文连接，或到微信公众号获取受权。

若须要转载，联系原文做者

更多技术文章，行业交流，web前端开发资源，前端交流群，开源代码，前端干货，职场感悟，求职指导，请点击公众号原文连接：祈澈姑娘

或者联系个人微信，创做不易，走过路过点个赞呗