1.0.0 • Published 4 years ago
test-pubuliu v1.0.0
这是一个使用js动态的生成瀑布流的布局
在页面中如何使用
我们可以直接引入js文件,通过new Test()调用
var test=new Test(".wrap",arr,200);
里面有三个参数,第一个参数是当前元素的class或id名等;
第二个参数是数组,数组中是我们使用图片的路径;
第三个参数是每个图片的宽度是一样的,默认是200px
如果想要动画效果
.wrap img{ transition: all .5s; }
js中添加了窗口动态的改变,布局会重新的渲染,和使用了防抖进行优化
dong.js是没有被压缩过的js文件,有需要改进的地方,都可以评论
dong.min.js是压缩后的js文件,包的体积会更小一点
test.html是使用的css进行布局的,只适合静态的布局
1.0.0
4 years ago