原生js写的瀑布流

这里只写了js和css方法，大家有兴趣可以动手写写

*{
    margin:0;
    padding:0;
}
#.container{
 position: relative;
}
.box{
    float: left;
    padding: 5px;
}
//主要是加了边框效果
.img_box{
    padding: 5px;
    border: 1px solid #cccccc;
    box-shadow: 0 0 5px #cccccc;
    border-radius: 5px;
}
img{
width: 150px;
height: auto;//高度自适应
}

 window.onload = function(){
   waterFull('container','box');
   var dataInt={'data':[{'src':'1.jpeg'},{'src':'2.jpeg'},{'src':'3.jpeg'},{'src':'4.jpeg'}]};//这里只是模拟数据库传的数据
   window.scroll = function(){
    if(checkscroll()){
      var oParent = document.getElementById('container');// 父级对象
      for(var i=0;i