今天一位客户要求用zblog做一个瀑布流的布局,自从pinterest网站爆红网络后瀑布流这种布局就开始流行开来了。
以前没接触过这类布局,今天正好尝试下。
先准备用css搞定,后来发现单纯用css可以做出来这种效果,但是内容更新方面遇到了问题,zblog用不了这种方法。
然后去网上搜索代码,倒是搜索出来一大堆,一个一个的调试,有的单纯是js没有html的,有的是根本不能用的,调试了几个小时才找到一个有用的。
这个代码的思路是这样的:用一个div做容器,用js控制这个容器排列。一共用到了三个js文件,css可以自行修改以满足自己的需求,总体来说效果还蛮好,还在整理在,整理好了也发出来共享下,对zblog的瀑布流布局的朋友可以和我交流下额。
放上一张效果图图片:
相关推荐
- zblog应用中心如何开发票?在zblog应用中心购买应用后开发票流程11-29
- 天兴工作室zblog导航单页插件:每个站长,都需要一个专属导航页!04-26
- zblog内置的cookie调用代码06-19
- 2020年 zblog1.6版本终于上线了03-26
- 怎样让zblog网站的速度变快?05-24
- zblog+宝塔面板设置404的方法05-15
- 终于...zblog导航栏管理插件出来了!11-02
- zblog增加了xss安全更新 如果报错请及时更新文件07-18
- 天兴工作室zblog模板-第一款mip主题!05-08
- zblog右侧栏最新文章调用数量怎么控制?03-11
- zblog的网站标题和副标题是什么?怎么修改?02-09
- zblog应用中心不见了怎么办?zblog重新安装应用中心的办法01-26
- zblog怎么启用开发者模式?启用开发者模式有什么作用?01-19
- 转载:zblog和wordpress哪个更容易被收录?11-25
- zblog的robots.txt怎么写?zblog的robots.txt文件示例下载08-11
- 天兴工作室zblog系列视频教程第六节:缩略图伪静态04-19
欢迎 你 发表评论: 取消回复
- 最新文章
- 热文排行
- 最多评论
- 1天兴工作室官网购物活动:全场8折优惠券 不限次数不限金额04-17
- 2天兴工作室zblog纯博客主题 vue3+小程序双版本03-19
- 3vue3项目引入vant报错的错误原因和解决办法03-12
- 4天兴工作室zblog百科主题 可搭配会员插件实现知识付费盈利03-06
- 5zblog怎么截取指定字数的摘要?zblog摘要自定义截取方法介绍02-29
- 6天兴工作室2023双11活动:五折优惠券大放送11-05
- 7腾讯云2023双11活动:2H2G3M轻量服务器88一年限新用户11-05
- 8新老同享 阿里云2023双11活动:2核2G3M带宽云服务器99元/年!10-31
- 9天兴工作室zblog免登录付费阅读插件 支持支付宝微信支付虎皮椒支付10-09
- 标签聚合
- ×1允许上传文件×1Rewrite规则×1忘记密码×1wordpress网站×4zblogasp模板×1天兴通讯老版×1图片隐藏×3安装zblog×1网赚zblog模板×1html5主题×1网易博客×1爸爸×5emlog×1zblog添加分享按钮×1分页条×1主题报错×3视频教程×1NOBIRDArticleSEO×5自适应×1zblogphp修改主题
最新评论
-
天兴工作室
07-05可以看下更新记录,上个月29日才更新的 -
访客
07-05现在这个主题还更新吗 -
天兴工作室
06-15打开编辑文字,选中代码语言,然后不管是回车断行还是复制粘贴,都不会被分为一行一框啊,所以没理解你是咋办到的 -
访客
06-14zblog文章中发多行代码,被分成一行一个框,一行一个框,如何调整成和你的一样的一段代码在一个框中 -
天兴工作室
06-13这个功能本来就有
有 2 位网友评论:
免费推广网站 10年前 (2014-07-03) 回复
不知作者能不能分享一下具体的教程?
天兴 10年前 (2014-07-07) 回复
额 我觉得我分享的已经很详细了啊,这是大概思路,再详细就只能手把手教了额