图片瀑布流代码jQuery特效js代码

该代码瀑布流代码简洁明了非常适合初学者使用，计算原理就是根据图片的高度然后给内容合理的定位。

图片列表

<ul class="p_list_show">
	<li><a href="http://yuanmouren.erlyun.com/p?id=1"><img src="img/28_1494669924uO0f.jpg.thumb.jpg.m.jpg" /><span>php写的插件网站接入QQ登录，QQ互联</span></a></li>
	<li><a href="http://yuanmouren.erlyun.com/p?id=2"><img src="img/28_1494926078s5Gz.jpg.thumb.jpg.m.jpg" /><span>jQuery 在线手册 | jQuery API 中文手册 | jQuery 1.7.2</span></a></li>
	<li><a href="http://yuanmouren.erlyun.com/p?id=3"><img src="img/28_1495363856KKlD.jpg.thumb.jpg.m.jpg" /><span></span></a></li>
	<li><a href="http://yuanmouren.erlyun.com/p?id=4"><img src="img/28_1495439866SDKF.jpg.thumb.jpg.m.jpg" /><span></span></a></li>
	<li><a href="http://yuanmouren.erlyun.com/p?id=5"><img src="img/28_1495515632z7zG.jpg.thumb.jpg.m.jpg" /><span></span></a></li>
	<li><a href="http://yuanmouren.erlyun.com/p?id=6"><img src="img/28_1495698707SvsO.jpg.thumb.jpg.m.jpg" /><span></span></a></li>
	<li><a href="http://yuanmouren.erlyun.com/p?id=7"><img src="img/28_149577733608Ze.jpg.thumb.jpg.m.jpg" /><span></span></a></li>
	<li><a href="http://yuanmouren.erlyun.com/p?id=11"><img src="img/28_1502359531naW7.jpg.thumb.jpg.m.jpg" /><span></span></a></li>
	<li><a href="http://yuanmouren.erlyun.com/p?id=13"><img src="img/28_1502700436ZY92.jpg.thumb.jpg.m.jpg" /><span></span></a></li>
	<li><a href="http://yuanmouren.erlyun.com/p?id=14"><img src="img/28_1502766581oTXr.jpg.thumb.jpg.m.jpg" /><span></span></a></li>
	<li><a href="http://yuanmouren.erlyun.com/p?id=21"><img src="img/28_1503564447Eov8.jpg.thumb.jpg.m.jpg" /><span></span></a></li>
	<li><a href="http://yuanmouren.erlyun.com/p?id=15"><img src="img/30_1502782968KDvi.jpg.thumb.jpg.m.jpg" /><span></span></a></li>
</ul>

主要js

<script src="js/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="js/main.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery(function(){
	cascade_start();
})
</script>