瀑布流;JS; Waterfall.js
DOM
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title></title>
</head>
<body>
<div class="warp JS-warp"></div>
<script src="js/utils.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src="js/index2.js"></script>
<script type="text/javascript">
new Waterfall('JS-warp', {
url: 'http://server.com:90/server/index.php',
column: 5,
gap: 10
}).init();
</script>
</body>
</html>
css
.warp{
width: 1200px;
margin: 0 auto;
}
数据返回结果(json)
success => {
code:0,
pageData:{img:'图片地址',width:'',height:''},
pageSize:3
}
error => {
code:1,
msg:'...'
}
效果图
老师教的,学会了,自己又写了三遍写的
utils.js
Waterfall.js