本文实例讲述了Jquery实现瀑布流布局的方法。分享给大家供大家参考。具体如下：
瀑布流布局最近真的很流行，很多人都跟我一样想知道是怎么做出来的吧，经过网上搜索大量的参考结合N边的实验今天终于被我写出来了，为了便于大家理解我使用了jQuery（当然用源生js代码执行的效率会高一些，但是很多人多源生js不是很熟练）。
Jquery瀑布流布局（每行代码都有详细注释）-作者：刘晓帆 body, ul, li, h3 { margin: 0; padding: 0; list-style: none; font: bold 12px "微软雅黑"; } #lxf-box { position: relative; } #lxf-box li { position: absolute; background: #fff; border: solid 1px #ccc; text-align: center; padding: 10px; left: 0px; top: 0; } h3 { padding-top: 8px; } img { width: 200px; height: auto; display: block; border: 0 } li { -webkit-transition: all .7s ease-out .1s; -moz-transition: all .7s ease-out; -o-transition: all .7s ease-out .1s; transition: all .7s ease-out .1s }
- 图片标题
- 图片标题
- 图片标题
- 图片标题
- 图片标题
- 图片标题
- 图片标题
- 图片标题
- 图片标题
- 图片标题
- 图片标题
- 图片标题
- 图片标题
- 图片标题
- 图片标题
- 图片标题
- 图片标题
- 图片标题
- 图片标题
- 图片标题
- 图片标题
- 图片标题
- 图片标题
- 图片标题
- 图片标题
- 图片标题
- 图片标题
希望本文所述对大家的jquery程序设计有所帮助。
