/** * Created with JetBrains PhpStorm. * User: Gseven * Date: 13-6-17 * Time: 下午4:43 */var gWaterFall = (function () { var indexNum = 0; //每次刷新最后一条...
分类：
其他好文 时间：
2014-09-02 19:23:15
阅读次数：
294
简单瀑布流代码实现
html代码如下
瀑布流-zhangzhang
*{padding: 0;margin:0;}
#main{
position: relative;
}
.pin{
padding: 15px 0 0 15px;
float:left;
}
.box{...
分类：
编程语言 时间：
2014-08-29 22:46:28
阅读次数：
378
人物春秋_《参考消息》官方网站 --> ，会员中心 | 退出 登录 | 注册 中...
分类：
其他好文 时间：
2014-08-27 18:18:38
阅读次数：
505
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
