您现在的位置是：首页 > 博客网站制作 > 网站建设教程网站建设教程
使用帝国cms列表不同样式调用，实现瀑布流布局
杨青青2018-05-04【网站建设教程】人已围观
简介用最简单的代码，实现瀑布流布局，没有繁琐的css，没有jq，只需要做到以下就可以实现瀑布流的效果。思路很简单，看成是三列布局，分别用三个ul来调用。帝国cms列表模板，
用最简单的代码，实现瀑布流布局，没有繁琐的css，没有jq，只需要做到以下就可以实现瀑布流的效果。思路很简单，看成是三列布局，分别用三个ul来调用。帝国cms列表模板，栏目展示24条记录，所以每个ul调用8条。
[!--empirenews.listtemp--]
<ul>
<!--list.var1-->
<!--list.var4-->
<!--list.var7-->
<!--list.var10-->
<!--list.var13-->
<!--list.var16-->
<!--list.var19-->
</ul>
<ul>
<!--list.var2-->
<!--list.var5-->
<!--list.var8-->
<!--list.var11-->
<!--list.var14-->
<!--list.var17-->
<!--list.var20-->
</ul>
<ul>
<!--list.var3-->
<!--list.var6-->
<!--list.var9-->
<!--list.var12-->
<!--list.var15-->
<!--list.var18-->
<!--list.var21-->
</ul>
[!--empirenews.listtemp--]
<ul>
<!--list.var1-->
<!--list.var4-->
<!--list.var7-->
<!--list.var10-->
<!--list.var13-->
<!--list.var16-->
<!--list.var19-->
</ul>
<ul>
<!--list.var2-->
<!--list.var5-->
<!--list.var8-->
<!--list.var11-->
<!--list.var14-->
<!--list.var17-->
<!--list.var20-->
</ul>
<ul>
<!--list.var3-->
<!--list.var6-->
<!--list.var9-->
<!--list.var12-->
<!--list.var15-->
<!--list.var18-->
<!--list.var21-->
</ul>
[!--empirenews.listtemp--]
很赞哦！ ()
相关文章
文章评论
点击排行
标签云
猜你喜欢
- 【排名技术建站】杨青助你快速实现主站为核心的搜索排名霸屏
- 制作个人博客，我是这么收费的？
- 【告别2018】耕耘才有所得，付出才有收获
- 个人博客，我为什么要用帝国cms？
- 网易博客关闭，何不从此开始潇洒行走江湖！
- css技巧以及经验总结
- 有些事儿留给过去 回忆总是美好的
- 工作是为了生计，但不要为薪水而工作
- 那段不愿提起的记忆与鬼无关
- D设计师博客-一个热爱生活的设计师
- [转]利用css3样式画各种图形
- 女孩都有浪漫的小情怀——浪漫的求婚词
- Column 三栏布局 个人网站模板
- 胆怯是因为害怕责任！
- 一饭之恩
- IE6到底哪里不好？你还继续用IE6吗？
- 10个常见W3C标准验证失败原因分析
- 帝国cms首页，封面页 循环调用子栏目信息以及头条图片
- 如何导入帝国模板组
- 建站流程篇——教你如何快速学会做网站
站点信息
打赏本站
- 如果你觉得本站很棒，可以通过扫码支付打赏哦！
- 微信扫码：你说多少就多少~
- 支付宝扫码：加我为好友
