瀑布流方式实现图片布局会用到js,然后加载也会相对较慢,如果不用js,在帝国cms后台系统应该怎么实现呢?其实就用最简单的代码,实现瀑布流布局,没有繁琐的css,没有jq,只需要做到以下就可以实现瀑布流的效果。
- [!–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–]
上面的代码就是例用帝国cms的列表调用规则来实现的,思路很简单,整个页面看成是三列布局,分别用三个ul标签来显示,列表项都纵向排列。最后的数字21,一定要是你最后的分页数,否则从22张图片开始,排列序号又不一样了,不妨尝试一下哦!
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。