当前位置：首页 > 教程正文

用zblog做瀑布流布局

天兴工作室 2013-08-06 教程 6125 ℃ 2 评论

今天一位客户要求用zblog做一个瀑布流的布局，自从pinterest网站爆红网络后瀑布流这种布局就开始流行开来了。

以前没接触过这类布局，今天正好尝试下。

先准备用css搞定，后来发现单纯用css可以做出来这种效果，但是内容更新方面遇到了问题，zblog用不了这种方法。

然后去网上搜索代码，倒是搜索出来一大堆，一个一个的调试，有的单纯是js没有html的，有的是根本不能用的，调试了几个小时才找到一个有用的。

这个代码的思路是这样的：用一个div做容器，用js控制这个容器排列。一共用到了三个js文件，css可以自行修改以满足自己的需求，总体来说效果还蛮好，还在整理在，整理好了也发出来共享下，对zblog的瀑布流布局的朋友可以和我交流下额。

放上一张效果图图片：

瀑布流，zblog

本文标签：瀑布流 zblog

版权说明：如非注明，本站文章均为天兴工作室原创，转载请注明出处和附带本文链接。

不知作者能不能分享一下具体的教程？

教程