砌體（Masonry）是一種網頁排布形式，類似于磚砌體、石砌體建造的結構，如下圖，左側是傳統的使用CSS浮動實作的布局效果，右圖是砌體排布。砌體布局在不規則的網頁内容塊布局中非常有用，能夠充分利用網頁空間，很多網站的照片浏覽就采用了砌體形式。今天這篇文章就和大家分享25個基于jQuery實作的砌體網頁設計作品，一起欣賞。
<a target="_blank" href="http://www.cnblogs.com/lhb25/archive/2011/05/06/2021398.html">分享35個非常漂亮的單頁網站設計案例</a>
<a target="_blank" href="http://www.cnblogs.com/lhb25/archive/2011/04/19/2014303.html">尋找網頁設計靈感的27個最佳網站推薦</a>
<a target="_blank" href="http://www.cnblogs.com/lhb25/archive/2011/04/29/2030312.html">最新30個漂亮的個人作品集網頁設計案例</a>
<a target="_blank" href="http://www.cnblogs.com/lhb25/archive/2011/05/15/2021406.html">分享100佳精美的作品集網站設計案例</a>
<a target="_blank" href="http://www.cnblogs.com/lhb25/archive/2011/03/05/1970405.html">60佳靈感來自大自然的網頁設計作品欣賞</a>
<a target="_blank" href="http://www.cnblogs.com/lhb25/p/must-read-links-for-web-designers-and-developers-volume-12.html">Web 前端工程師和設計師必讀精華文章推薦</a>
<a href="http://www.cnblogs.com/lhb25//lhb25/archive/2011/07/28/html5-awesome-single-page-sites-inspiration.html" target="_blank">酷！15個精美的 HTML5 單頁網站作品欣賞</a>
<a target="_blank" href="http://www.cnblogs.com/lhb25//lhb25/archive/2011/11/22/best-awesome-css3-animation-demos.html">炫！35個讓人驚訝的 CSS3 動畫效果示範</a>
<a href="http://www.cnblogs.com/lhb25//lhb25/archive/2012/03/02/30-mind-blowing-parallax-scrolling-effect-websites.html" target="_blank">贊！30個與衆不同的優秀視差滾動效果網站</a>
<a target="_blank" href="http://www.cnblogs.com/lhb25//lhb25/archive/2012/01/13/25-outstanding-single-page-website-designs.html">靓å！25個優秀的國外單頁網站設計作品欣賞</a>
<a target="_blank" href="http://www.cnblogs.com/lhb25//lhb25/archive/2011/08/09/awesome-html5-and-javascript-effects.html">帥！8個驚豔的 HTML5 和 JavaScript 特效</a>
<a href="http://www.cnblogs.com/lhb25//lhb25/archive/2011/06/27/35-exclusive-rainbow-colored-flash-websites.html" target="_blank">頂！35個很漂亮的國外 Flash 網站作品欣賞</a>
<a href="http://www.cnblogs.com/lhb25//lhb25/archive/2011/08/24/outstanding-admin-panels-part-one.html" target="_blank">哇！34個漂亮網站和應用程式背景管理界面</a>
<a href="http://www.yyyweb.com/go/web" target="_blank">本部落格新站點 ◆ 前端裡 ◆ 歡迎圍觀：）</a>
歡迎任何形式的轉載，但請務必注明出處。