效果展示
帝国CMS实现瀑布流布局的好处是:用最简单的代码,没有繁琐的css,没有jq,只需要运用帝国CMS灵活的数据调用。
瀑布流布局详细方法
按如下操作即可实现瀑布流布局效果。思路:看成是三列布局,分别用三个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--]