您当前的位置:首页 > 网络教程 > 帝国CMS教程

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

你觉得文章内容怎么样

阿里云代金券 100 云产品通用

有效期30天 首购用户

立即领取
阿里云代金券 100 云产品通用

有效期30天 复购+升级

立即领取