现在流行的瀑布流效果的jQuery插件，可以实现图片和文本的瀑布流效果： 插件下载：http://pan.baidu.com/s/1hq5NxVu

Wookmark jQuery插件大致使用position:absolute来重构内容实现瀑布流布局！ 下载插件后，在网页中引用插件的JS文件： <script src="jquery-1.8.2.min.js"></script> <script src="jquery.wookmark.min.js"></script> HTML代码结构： <div id="main"> <ul id="tiles"> <li><img src="images/1.jpg"&g...

淘宝有部分页面中使用了瀑布流布局，淘宝的kissy框架加入了这种布局的插件，详细可以查看相关的API函数，在淘宝UED的博客中乔花写了有关瀑布流布局的文章。下面是用JQ框架实现瀑布流布局的实现思路。 1、设置一些全局变量，通过全局变量然后初始化页面，保存临时数据在变量中。初始化一些数据，计算宽度等值。 function water(opts) { this.container=opts.container;//容器 this.context=opts.context; this.elem=opts.elem;//元素 this.len=opts.le...