天兴工作室:提供zblog模板 emlog模板 dedecms模板的下载和仿站定制 | RSS订阅 | 网站地图 | 联系我们
天兴工作室自用主题2015版上架销售
当前位置:网站首页 教程 正文

用zblog做瀑布流布局

天兴工作室 3年前 (2013-08-06) 教程 2807 ℃ 2 评论
内容加载中......

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

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

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

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

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

放上一张效果图图片:

瀑布流,zblog

我要提问 如果你对于此文还有任何疑问欢迎在文章下面的评论区域留言,如果你的疑问比较多,欢迎在本站的在线提问专业去发布问题,点击右侧的我要提问即可到达。天兴工作室将尽我所能为你解答问题。

本文标签瀑布流 zblog

本文地址http://www.txcstx.cn/post/534.html

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

哈哈,本文已有 2 位小伙伴发表了看法:

1#免费推广网站 (游客)  评论于 2014-07-03 10:31:42回应ta
不知作者能不能分享一下具体的教程?
1#天兴 (游客)  评论于 2014-07-07 09:51:08回应ta
额 我觉得我分享的已经很详细了啊,这是大概思路,再详细就只能手把手教了额

欢迎 发表评论

必填

选填

选填

必填

◎欢迎在这里交流反馈,垃圾评论会秒删的额...

联系我们
最新评论
标签云
w619zblogphp栏目文章智慧v网zblogphp1.3下载Gravatar头像不显示淘宝客主题删除版权2016年春节代码旅游模板黑白简洁主题定制模板36元下拉记载圣诞节大红企业主题移动积分html漫游包UTF-8联通宽带GPRS年包缩略图调用资费调整跟随滚动zblogphp自适应单页面登陆错误30元国际长途套餐短信指令zblog1.8升级积分规则绿色调Windows Phone 7华录s3500校园之争
热门模板