基于jquery,支持window-resize和ajax取数据;
测试通过ie6+,FF3+,chrome,safari;
github地址:[url]https://github.com/chembohuang/jquery.waterfall.plugin[/url]
demo地址:[url]http://paradise4ever.com/waterfall/demo.html[/url]
使用:
效果图:[img]http://dl.iteye.com/upload/attachment/0070/4480/691d5561-5e50-3505-b93e-54599198ccd7.jpg[/img]
测试通过ie6+,FF3+,chrome,safari;
github地址:[url]https://github.com/chembohuang/jquery.waterfall.plugin[/url]
demo地址:[url]http://paradise4ever.com/waterfall/demo.html[/url]
使用:
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/jquery.cb.waterfall.plugin.min.js"></script>
<script type="text/javascript">
$(function(){
$("#photo_wall").waterfall({
ajaxUrl :"ajaxData.txt", ////ajax url. e.g. /server/loadMorePics.php. return json data as {["src":"2.jpg","desc":"description","link":"#"],["src":"4.jpg","desc":"description","link":"#"]}
ajaxParams :{"count":20,"userId":30}, //ajax params. e.g. {"name":"chembo","loadPic":"10"}
ajaxCount :5, //the total times of the ajax will run when scroll hits the bottom. default to 4.
block_class :"ablock", //one block's width. default to ablock.
margin :3, //the margin between two blocks. unit is the px. default to 3.
block_width :230, //one block's width.
animate_duration:500 //jquery animate duration. unit is the million-second. default to 1000.
});
});
效果图:[img]http://dl.iteye.com/upload/attachment/0070/4480/691d5561-5e50-3505-b93e-54599198ccd7.jpg[/img]

1193

被折叠的 条评论
为什么被折叠?



