基于JavaScript实现瀑布流布局
本文实例为大家分享了js实现瀑布流布局的具体代码,供大家参考,具体内容如下
1、html+css+js代码:
hhh *{ padding:0; margin:0; } #main{ position:relative; } .pin{ float:left; padding:15px0015px; } .box{ border-radius:5px; box-shadow:006px#ccc; border:1pxsolid#ccc; padding:10px; } .boximg{ width:162px; height:auto; } window.onload=function(){ waterfall("main","pin"); vardataint={'data':[{'src':'1.jpg'},{'src':'2.jpg'},{'src':'3.jpg'},{'src':'4.jpg'}]}; window.onscroll=function(){ if(checkscrollside()){ varoparent=document.getElementById('main'); for(vari=0;i