现在位置:首页 - 新闻中心 - 网站建设知识

浅谈瀑布流布局(附带源代码)

加入时间:2013/2/17 10:57:30来源:admin阅读人数:685分享到:

瀑布流

看看上图,是不是觉得很眼熟,类似的布局,似乎夜之间出现在国内外大大小小的网站上,比如 Pinterest (貌似是早使用这种布局的网站了),Mark之,蘑菇街,点点网,以及淘宝新上线的“哇哦” 等等,倒是很流行哈~ 在淘宝即将上线的众多产品中,你还会大量看到这样的形式呢。


这种布局适合于小数据块,每个数据块内容相近且没有侧重。通常,随着页面滚动条向下滚动,这种布局还会不断加载数据块并附加至当前尾部。所以,我们给这样的布局起了个形象的名字瀑布流布局


在这我也提供个这样的个布局,仅供参考学习(源代码可右键->查看源代码,或者直接下载http://www.sk-blog.com/zxyl/zxpbl.html这个页面)….在线预览效果