首页 > 网页教程 > CSS > 8个国外网页瀑布流布局主题欣赏及其做法揭秘(附下载)

8个国外网页瀑布流布局主题欣赏及其做法揭秘(附下载)

时间:2012-03-21    来源:未来互联网

最近,有一种新的网页布局:瀑布流布局,很让我感到兴趣。它巧妙地重排元素,并填补了网页的所有空间,而在每个浏览器上显示效果都十分出色,而且通常配以流畅的动画效果。其中有些甚至针对不同类别有不同效果。这样的网站我找到了8个,他们都有相同的特征。在文章末尾列举了3个JQuery插件, 可以很方便的帮助你达到这些效果。

Gimme Bar

MKSD Architects

Marken Film

Cascade Brewery Co

Pixillion

Swinton

Dynamit

Pinterest

怎么实现

好了,也许你已经迫不及待想知道怎么实现了。多亏了这三个插件,一切垂手可得。

jQuery Masonry

一个JQuery动态布局插件,CSS侧边浮动。更多可以查看:瀑布流布局之jQuery插件Masonry

Isotope

一个可以神奇布局的JQuery精美插件。

QuickSand

可以重排和过滤,带有滑动动画效果

相关推荐
网页瀑布流布局的几种实现方式分析
瀑布流布局:用CSS+DIV等宽格子堆砌瀑布流效果
瀑布流布局插件masonry在IE6下BUG的解决方案
7款具有缩放、倾斜、旋转的CSS3折叠特效插件分享

精彩推荐

热门教程