【转】8 个神奇的动态 Web 布局以及制作方法

文章转载自：开源中国社区 [http://www.oschina.net]

本文标题：8 个神奇的动态 Web 布局以及制作方法

本文地址：http://www.oschina.net/news/19034/8-magical-dynamic-and-fluid-layout-and-how-to-make-it

 

本文向你介绍一些神奇的 Web 网页的排版方式，同时在文章的下半部分还包含如何实现这些效果。

案例

• Gimme Bar
  
• MKSD Architects
• Marken Film
  
• Cascade Brewery Co
• Pixillion
  
• Swinton
  
• Dynamit
  
• Pinterest
  

实现方法

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

• jQuery Masonry
  
  这是一个 jQuery 的动态布局插件，实现 CSS 的浮动效果
• Isotope
  
  一个精美的 jQuery 插件，用来生成魔术般效果的排版
• QuickSand
  
  这是一个非常不错的 jQuery 插件，用于实现动画洗牌效果