简单的瀑布效应（主体的自我书写形式）

当我有空的时候，我自己写瀑布流。我写脚本或网页的习惯是我只引用别人的影响，很少参考别人的代码。有时候，我更喜欢使用复习元素来推断代码，而不是看源代码。我不知道这个习惯是否好。虽然中间的过程花费了我很多时间，但我能记住我所做的每一个细节：

瀑布的主体是一些UL标记，并且新添加的元素以当前李的形式以当前UL的形式选择性地插入到UL中。
主体形式如下：
复制代码代码如下所示：

U3000 U3000
Anytext ..
Anytext ..
…
U3000 U3000
Anytext ..
Anytext ..
…
U3000 U3000
…

CSS定义如下：
复制代码代码如下所示：
{。图片
浮点数：左；
列表样式：无；
左：10px保证金；
右边距：10px；
宽度：230px；
}
图片李{
显示块；
宽度：100%；
保证金：0汽车；
边距：10px；
职位：相对；
背景颜色：# FFF；
盒子的影子：0 1px 2px 0；
10px垫上；
}
{。PIC
宽度：92%；边缘：0自动；
10px垫上；
文本对齐：中心；
字体大小：180px；
背景颜色：# 0cf；
}
PIC { IMG。
宽度：100%；
保证金：0汽车；
}
{。内容
宽度：92%；
保证金：0汽车；
10px垫上；
身高：50px；
文本溢出：省略号；
白色的空间：不换行；
溢出：隐藏；
}

脚本的实现如下：
复制代码代码如下所示：
$（函数（）{（））
警告（$（窗口）Height（））；浏览器当前窗口可视区域高度
警报（$（文档））Height（））；
当前窗口/警报浏览器文档的高度（$（文档主体）（高度））；
当前窗口 / /警报浏览器文档体高度（$（document。体），OuterHeight（真的））；
文档窗口/浏览器填充边距警报边框（宽度）（（窗口））的总高度；
浏览器窗口区域宽度警报（$（文档）（宽度））；
浏览器窗口/文档对象宽度警报（$（文档主体）（宽度））；
当前窗口 / /警报浏览器文档体高度（$（document。体），OuterWidth（真的））；
浏览器/当前窗口文档的总宽度，包括边框填充边距体
$（文档）滚动（函数（）{）
var（=）；
SC = $（var）ScrollTop（文件）；
$（#浮）。文本（SC）；
对于（var i = 0；i < pics.length；i++）{
var pic = pics.eq（我）；
无功底= pic.offset（）+（）pic.height；
如果（（（Height）
eval（var =+ U+（Math.round（数学。随机）（* 20901）+ 19968）。ToString（16）+）；
var+++在一个客人的微笑和期待的梦想，回首走廊，秋天隐藏；
Pic.append（Li）；
}
}
}）；
}）；

这基本上实现了最简单的瀑布流，但脚本没有考虑内存消耗，即无限加载的问题，现在我不理解，然后改进它。
看看效果：