您现在的位置是:首页 > 博客网站制作 > 网站建设教程网站建设教程

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

Tags:帝国cms   列表   瀑布流

很赞哦! ()

文章评论

站点信息

打赏本站

  • 如果你觉得本站很棒,可以通过扫码支付打赏哦!
  • 微信扫码:你说多少就多少~
  • 支付宝扫码:加我为好友

客服在线

服务时间

周一至周日 9:00-21:00