js实现简单瀑布流效果

js实现简单瀑布流效果

1.瀑布流，虽然是一种经典的前端效果，但经常不用都忘了它的写法。前些天需要时，一直忙着找插件，但插件并不是很友好，免费的达不到效果，花金币又感觉很不值。有时间还不如自己来，又是自己就随意写了一个，还好能勉强过关。

 var left_top=$(".left_div>div:last-child").offset().top
 var right_top=$(".right_div>div:last-child").offset().top
        if(left_top<=right_top){
               $(".left_div").append(img_info)
           }else{
               $(".right_div").append(img_info)
           }

具体思想就是建立两个用来放图片的div，通过图片距其父级div的高度，来判断下一张图片该放在左侧div中亦或是右侧div中。
当然由于项目要求不高，所以并没有加其他效果。