效果展示

帝国CMS瀑布流布局如何实现 第1张

帝国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--]