该代码瀑布流代码简洁明了非常适合初学者使用,计算原理就是根据图片的高度然后给内容合理的定位。
首页 /  web前端 /  JavaScript /  jQuery特效 / 图片瀑布流代码jQuery特效js代码

0 1 352

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

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

图片瀑布流代码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>
下载所需:0 金币 下载 演示

[来源] http://liuxiaofan.com

[声明] 本站资源来自用户分享,如损害你的权益请联系客服QQ:120074275给予处理。

容若 2017-08-25 17:27
10
送花
20积分一朵