1.0.0 • Published 4 years ago

test-pubuliu v1.0.0

Weekly downloads
1
License
ISC
Repository
-
Last release
4 years ago

这是一个使用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进行布局的,只适合静态的布局