jQuery Masonry 轻松实现图片混排布局效果

来自：http://hi.baidu.com/haomao/blog/item/311cb1197820815c42a9ad23.html

今日在很多网站上见到这种图片混排的效果，的确很不错，要说来源，估计是谷歌的图片搜索吧，反正我第一次见到是在谷歌。前两天试着用纯CSS来布局，结果令人失望。刚才发现了专门针对这种布局的一个JQ插件，轻松可以实现这种布局方式，让JS来参与前端页面布局貌似不怎么合理，但为了效果，管他呢！

有兴趣的同学可以试着用HTML5和CSS3试试，能用纯CSS实现就再好不过了。

案例

Gimme Bar

MKSD Architects

Marken Film

Cascade Brewery Co

Pixillion

Swinton

Dynamit

Pinterest

实现方法

好吧，我想你一定非常想知道如何实现这样的 Web 网页，而且你非常的幸运，因为有了下面这几个插件，事情变得非常容易

jQuery Masonry

这是一个 jQuery 的动态布局插件，实现 CSS 的浮动效果

Isotope

一个精美的 jQuery 插件，用来生成魔术般效果的排版

QuickSand

这是一个非常不错的 jQuery 插件，用于实现动画洗牌效果

来自：http://hi.baidu.com/haomao/blog/item/311cb1197820815c42a9ad23.html

很强大。