15款用于创建网格布局的jQuery插件

这15款jQuery插件,可以帮助前端工程师更好地管理网格布局。 增强设计的同时也可以在开发项目时使用。

Flow Gallery

HTML5多媒体库,使您能够以更现代和时尚的界面中展示您的照片/音频/视频。 您可以选择以列或行类型网格呈现您的项目。

imGrid

这个JQuery插件,可以帮助您创建一个高质量的图片库。

MasonJS

Mason是一个jQuery插件,可以帮助您创建一个完美的网格,没有间隙,没有粗糙的边缘。 它可以通过映射网格中的元素来工作,找到差距并自动进行排列。

Cube Portfolio – Responsive jQuery Grid Plugin

Cube Portfolio是一款功能强大的jQuery插件,可提供美丽的动画过滤,自定义字幕,非常适合投资组合,画廊,团队成员,博客文章或任何其他有序内容。

Shuffle.js

Shuffle.js 对不同内容的响应网格进行分类,排序和过滤。

jQuery.Shapeshift

为不同尺寸区块的拖放提供一个基础框架,与其他类似的插件相比有显著的优势。

Megafolio

Megafolio 是一个完全响应式的媒体网格插件,可以使用预设或随机生成的布局以任意的方式显示内容。

Grid—A—Licious

Grid-A-Licious是jQuery的动态布局插件。 它类似于jQuery Masonry,Freetile和Wookmark插件。 它在动态列网格中列出了一系列元素。

gridster.js

Gridster是一个jQuery插件,允许从跨多个列的元素构建直观的可拖动布局。 您甚至可以从网格动态添加和删除元素。

Wookmark

这是一个用于布局动态网格元素的jQuery插件。

Isotope

lsotope 是一个精美的jQuery布局插件。 您可以通过过滤和重新排序排序项目来显示和隐藏项目。

jQuery Masonry

Masonry是jQuery的动态网格布局插件。可以理解为它是CSS浮动的另一种实现。 而浮动方式垂直排列元素,Masonry垂直排列元素,将每个元素定位在网格中的下一个开放点。 结果最大限度地减少了不同高度的元素之间的垂直间隙。

The Engine

这是一个jQuery动态网格插件,用于为您的内容生成动画,响应和精美的网格 – 无论是图像,新闻Feed,文本还有什么。

BlocksIt.js

BlocksIt.js是一个用于创建动态网格布局的jQuery插件。 它设法将HTML元素转换为“块”,并将它们置于布局良好的网格布局中,如Pinterest,现在最热门的网站之一=)。 怎么样? 那么,只需要具体你想要的列的数量,BlocksIt.js将为你做的其余的。

Flex

流体非对称动画网格jQuery插件。

发表评论

电子邮件地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据