Waterfall.js有什么用-创新互联

CSS样式

DEMO中给出了这个瀑布流的基本样式，你可以自行修改为你需要的瀑布流样式。

#demo{

margin:auto;

position:relative;

}

.box{

float:left;

padding:10px;

border:1pxsolid#ccc;

background:#f7f7f7;

box-shadow:008px#ccc;

}

.box:hover{box-shadow:0010px#999;}

.boximg{width:200px;}

插件使用Javascript来生成Pinterest样式的网格瀑布流布局。使用ajaxCallback来在页面向下滚动的时候对图片进行动态加载，以达到无限瀑布流的效果。

关于“Waterfall.js有什么用”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。