我淘到的各类jQuery Grid网格插件

时间 2019-11-07

原文原文链接

现在，绝大多数网站都要依靠网格来进行布局，拥有一些好的Grid网格布局插件能大大地节约开发时间，还能在知足响应式布局的同时拥有迷人的外观。接下来，小编带你们来认识15款很是棒的响应式jQuery Grid网格插件，但愿你们喜欢。>>> 查看ASP.NET网格控件 javascript

Freewallhtml

Freewall是一款跨平台的、响应式jQuery插件，可帮助你建立多种类型的网格布局：灵活布局、图像布局、嵌套网格、流体网格、Metro风格布局以用CSS3实现的动画效果和回调事件的瀑布流布局。Freewall是一套功能全面的解决方案，可建立动态的桌面网格布局、移动和平板电脑布局。java

S Gallery服务器

S Gallery是一个jQuery图片库插件，用于显示响应式网格中的图片。S Gallery的设计灵感来自于Sony的产品画廊，并模仿了其功能。函数

Mason.js布局

有许多javascript方案均可用于建立动态网格布局。尽管大多数都很好，可是有些网格有缝隙或者锯齿边缘。Mason.js是一款jQuery插件，巧妙地填补了缝隙，Grid网格显得很是完美。动画

jQuery.Shapeshift网站

用于建立相似于Pinterest动态网格布局的jQuery插件很是多。jQuery.Shapeshift就是其中一个强有力的表明。经过一个触摸动做，这些图片能够拖曳（须要使用jQuery UI）。拖曳能够影响网格布局，就像网格在须要的时候，会自动去填充空隙同样。这一样在触摸设备和响应式布局上有效。插件

jQuery Nested设计

Nested是一个用于建立多列网格布局的jQuery插件。该插件为全部元素建立一个矩阵，创建一个多列网格，并试图经过从新排序元素，以填补任何空白。虽然也有不少其余的方法能够达到相似的效果，可是Nested应用了一个小的动做：调整网格底部的任意元素以保证布局无缝隙。

Wookmark jQuery Plugin

动态列网格布局如此受欢迎，不只是由于Pinterest使用它进行图片分享，而是由于它是显示不一样大小的内容的最好方式。

Grid-A-Licious

Grid-A-Licious是一款能轻松建立相似Pinterest的浮动网格布局的jQuery插件。虽然，也有其余插件能够实现相似功能，可是Grid-A-Licious提供了一个更完美的响应式解决方案。不管在何种屏幕大小或设备上，Grid-A-Licious的表格表现皆完美。

jPhotoGrid

jPhotoGrid可将图像或字幕列表转换为能够浏览和放大照片的网格。这个插件几乎全部的样式都是靠CSS完成的。诀窍就是经过浮动列表项来对表格进行布局。jPhotoGrid所须要作的第一件事就是将列表转换成绝对定位。这就是为什么该插件能够放大单个图像，而后将其返回到原来的地方。

Gridster

Gridster是一款使人印象深入的jQuery插件，可用于开发相似于iGoogle的多列网格，能够拖动n行删除并从新排序。该插件仅需 jQuery （无需 jQuery UI）而且能够将任何给定的HTML结果转换成网格部件。

Photoset Grid

Photoset Grid 是一款简单的 jQuery 插件,能够用于把图片排布成一个灵活的网格。最初,这款插件是为 Tumblr 主题建立的，用于实现响应式的图片网格布局。

Flex

Flex是一款流式非对称的网格动画jQuery插件。你能够将鼠标悬停在瓦片上，就能看到它们渐渐扩大。

Freetile

Freetile是一个jQuery插件,用于组织网页内容成一个高效的、动态的响应的布局。它能够应用到一个容器元素，它会尝试安排它的子元素，最佳利用屏幕的空间，经过“包装”他们造成紧凑的布局。

Griddy

Griddy是一款小巧、灵活的JQuery插件，可以在任何元素之上建立简单的，自定义的网格布局。Griddy还能够根据行/列间隔空间的数量自动计算行高、列宽。设置的选项包括：行，行高，列高，列宽，颜色和透明度等。

jSquares

jSquares是一个用来弹出悬停图像和说明的jQuery插件。它基本上和在www.ted.com上找到的图像表格相同。调用jSquares时，能够加入一些参数，如字幕大小，图像的透明度，切换速度等。它就在IE6+，FF3+，Safari 3以及Opera10上工做起来颇有魅力。

jqGrid

jqGrid是一款AjaxedJQuery网格插件，因为网格是一个使用Ajax回调函数加载数据的客户端解决方案，它能够用于任何服务器端语言，如ASP，PHP，ASP.NET，JSP等。它有一个聪明的特性——子网格，能够在调用主列的时候显示一个子网格。

扩展阅读：