宽度是一定的高度不定的瀑布流布局 也可以说是无缝拼图 当浏览器滚动到底部时候自动加载图片 加载的图片地址用json 在img.js里 ，还有正在加载动画是用css3制作的 在ff等支持css3可以显示 你如果想全面支持浏览器可以用gif动画 代码里有详细解释就不多说了?1. [代码]预加载/瀑布流 ...
分类：
Web程序 时间：
2014-09-10 17:22:20
阅读次数：
216
html结构 <div?id="waterfall">
????<div?class="mod-box">
????????<div?class="mod-img">...</div>
????</div>
????<div?class="mod-box">
????????<div?class="mod-img">......
分类：
编程语言 时间：
2014-08-26 17:51:26
阅读次数：
219
这个例子与上一篇类似，唯一的区别是排序的方式有差别。上一篇是在高度最小的列里插入内容，这个案例是按顺序放置内容。两种方法各有优缺点。第一种需要在图片内容加载完成的情况下有效，各个列的图高度差异不大。这个例子不需要在window.onload之后执行，直接计算每列的索引，按照顺序一列一列的放置，在图大...
分类：
Web程序 时间：
2014-08-25 14:52:44
阅读次数：
281
在实际的项目中，偶尔会用到一种布局——瀑布流布局。瀑布流布局的特点是，在多列布局时，可以保证内容区块在水平方向上不产生大的空隙，类似瀑布的效果。简单的说，在垂直列表里，内容区块是一个挨着一个的。当内容较多且不固定时，就依赖于html结构的顺序，非常受限制。这里给了一个简单的例子，只要传入列表的数量和...
分类：
Web程序 时间：
2014-08-25 14:52:04
阅读次数：
260
这个例子与上一篇类似，唯一的区别是排序的方式有差别。上一篇是在高度最小的列里插入内容，这个案例是按顺序放置内容。两种方法各有优缺点。第一种需要在图片内容加载完成的情况下有效。这个例子不需要在window.onload之后执行，直接计算每列的索引，按照顺序一列一列的放置。用下面的图做说明。说明：上一个...
分类：
Web程序 时间：
2014-08-25 14:44:34
阅读次数：
300
在实际的项目中，偶尔会用到一种布局——瀑布流布局。瀑布流布局的特点是，在多列布局时，可以保证内容区块在水平方向上不产生大的空隙，类似瀑布的效果。简单的说，在垂直列表里，内容区块是一个挨着一个的。当内容较多且不固定时，就依赖于html结构的顺序，非常受限制。这里给了一个简单的例子，只要传入列表的数量和...
分类：
Web程序 时间：
2014-08-25 13:21:54
阅读次数：
260
1 2 3 4 5 waterfall布局 6 7 8 9 17 18 19 20 21 0122 0223 0324 0425 0526 0627 0728 0829 0930 1031 113...
分类：
Web程序 时间：
2014-08-22 19:25:49
阅读次数：
262
1 2 3 4 5 waterfall布局 6 7 8 9 17 18 19 20 21 01 22 02 23 03 24 04 25 05 26 06 27 07 28 08 29 ...
分类：
Web程序 时间：
2014-08-22 19:24:39
阅读次数：
310
本文转载于：http://blog.csdn.net/guolin_blog/article/details/10470797传统界面的布局方式总是行列分明、坐落有序的，这种布局已是司空见惯，在不知不觉中大家都已经对它产生了审美疲劳。这个时候瀑布流布局的出现，就给人带来了耳目一新的感觉，这种布局虽然...
分类：
移动开发 时间：
2014-08-18 12:03:24
阅读次数：
198
传统界面的布局方式总是行列分明、坐落有序的，这种布局已是司空见惯，在不知不觉中大家都已经对它产生了审美疲劳。这个时候瀑布流布局的出现，就给人带来了耳目一新的感觉，这种布局虽然看上去貌似毫无规律，但是却有一种说不上来的美感，以至于涌现出了大批的网站和应用纷纷使用这种新颖的布局来设计界面。记得我在之前已...
分类：
其他好文 时间：
2014-07-22 22:35:14
阅读次数：
286
