25个强大的 jQuery 砌体网页设计作品

砌体(Masonry)是一种网页排布形式,类似于砖砌体、石砌体建造的结构,如下图,左侧是传统的使用CSS浮动实现的布局效果,右图是砌体排布。砌体布局在不规则的网页内容块布局中非常有用,能够充分利用网页空间,很多网站的照片浏览就采用了砌体形式。今天这篇文章就和大家分享25个基于jQuery实现的砌体网页设计作品,一起欣赏。

jQuery Masonry

Photography by Koa Metter

25个强大的jQuery砌体网页设计作品

Chromeography

25个强大的jQuery砌体网页设计作品

Pattern Tap – Alpha

25个强大的jQuery砌体网页设计作品

Puma Running

25个强大的jQuery砌体网页设计作品

Dazed Digital

25个强大的jQuery砌体网页设计作品

Rather Splendid

25个强大的jQuery砌体网页设计作品

The Inspiration Theme – Veerle Peters

25个强大的jQuery砌体网页设计作品

Untitled

25个强大的jQuery砌体网页设计作品

The Mid-Century Modernist

25个强大的jQuery砌体网页设计作品

Glauce

25个强大的jQuery砌体网页设计作品

Inspire Well

25个强大的jQuery砌体网页设计作品

Min Tran’s Journal

25个强大的jQuery砌体网页设计作品

VBG

25个强大的jQuery砌体网页设计作品

Bettr 2.3.2

25个强大的jQuery砌体网页设计作品

Matthew Anderson

25个强大的jQuery砌体网页设计作品

Darren John

25个强大的jQuery砌体网页设计作品

All In My Head

25个强大的jQuery砌体网页设计作品

Ryan O’Rourke

25个强大的jQuery砌体网页设计作品

Antimonotonia

25个强大的jQuery砌体网页设计作品

drwr.it

25个强大的jQuery砌体网页设计作品

Shaken Grid

25个强大的jQuery砌体网页设计作品

 

Annebenor

25个强大的jQuery砌体网页设计作品

Toutpourlesyeux

25个强大的jQuery砌体网页设计作品

bench

25个强大的jQuery砌体网页设计作品

centerline

25个强大的jQuery砌体网页设计作品

原文出处:http://www.cnblogs.com/lhb25/archive/2011/09/23/25-examples-of-masonry-jquery-web-design.html

posted @ 2011-09-23 22:46  challengesoflife  阅读(163)  评论(0编辑  收藏  举报