您现在的位置是:首页 > 学无止境 > CSS3|Html5

使用帝国cms列表不同样式调用,实现瀑布流布局

杨青2018-05-04人围观
简介用最简单的代码,实现瀑布流布局,没有繁琐的css,没有jq,只需要做到以下就可以实现瀑布流的效果。思路很简单,看成是三列布局,分别用三个ul来调用。帝国cms列表模板,


用最简单的代码,实现瀑布流布局,没有繁琐的css,没有jq,只需要做到以下就可以实现瀑布流的效果。思路很简单,看成是三列布局,分别用三个ul来调用。帝国cms列表模板,栏目展示24条记录,所以每个ul调用8条。

[!--empirenews.listtemp--]
      <ul>
<!--list.var1-->
<!--list.var2-->
<!--list.var3-->
<!--list.var4-->
<!--list.var5-->
<!--list.var6-->
<!--list.var7-->
<!--list.var8-->
      </ul>
      <ul>
同上,修改序列号即可
      </ul>
      <ul>
同上,修改序列号即可
      </ul>
[!--empirenews.listtemp--]

文章评论

本栏推荐

点击排行

官方微信