WEB-HTML+CSS+JS-瀑布流-1

HTML:

CSS:

*{
    margin: 0px;
    padding: 0px;
}
#container{
    position: relative;
}
.box{
    padding: 5px;
    float: left;
}
.box_img{
    padding: 5px;
    border: 1px solid #000000;
    box-shadow: 0 0 5px #cccc0c;
    border-radius: 5px;
}
.box_img img{
    width: 150px;
    height: auto;
}

JS:

window.onload=function (){
    imgLocation("container","box")
    var imgData={"data":[{"src":"2.jpg"},{"src":"3.jpg"}]};
    window.onscroll=function () {
        if (checkFlag()){
            var cparent = document.getElementById("container");
            for (var i=0;i