您现在的位置是：首页 > 博客网站制作 > 个人博客搭建个人博客搭建
使用帝国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--]
<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--]
很赞哦！ ()
相关文章
文章评论
点击排行
标签云
猜你喜欢
