注册 登录 天兴工作室:提供zblog模板 emlog模板 dedecms模板的下载和仿站定制

教程

分享一些有关于zblog的教程,这里有zblog初级教程、zblog中级教程和zblog进阶版教程,如果对你有所帮助,深感荣幸

当前位置:网站首页 教程 正文

用zblog做瀑布流布局

天兴工作室管理 2013-08-06 教程 2962 ℃ 2 评论

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

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

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

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

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

放上一张效果图图片:

用zblog做瀑布流布局 教程

赞 (0)

已有 2 位小伙伴发表了看法

免费推广网站

回应ta免费推广网站 (游客)

评论于 2014-07-03 10:31:42

不知作者能不能分享一下具体的教程?
天兴

回应ta天兴 (游客)

评论于 2014-07-07 09:51:08

额 我觉得我分享的已经很详细了啊,这是大概思路,再详细就只能手把手教了额

欢迎 发表评论

服务项目

快速入口

常见问题

天兴工作室 | www.txcstx.cn

天兴工作室介绍天兴工作室承接:网站建设、zblog模板和dedecms模板定制、仿站(像素级仿站)、html单页面定制和修改、网站模板修改等服务;我们的办事准则:要么不答应、答应则一定做到

  • 交流群:ZBLOG交流群
  • 客户群:天兴工作室客户群
在线QQ 评论文章