这是一款非常轻量级的纯原生JS的瀑布流插件——Macy.js,如今图片和视频网站非常多,非常适应瀑布流这样的布局方式来呈现给用户。
这款流布局JS插件仅有4KB的大小,可以说是非常轻量级的哦。配置也比较方便,用户可以自定义间距、列数,还有个特色就是可以定义不同屏幕分辨率,不同列数,这个应用在响应式网页设计是非常方便的。
所以,选择一款简单易用的瀑布流js插件,可以让前端工程师快速开发出漂亮的瀑布流Pc网站和react 后台项目。
瀑布流布局代表网站就是 花瓣网,设计师一定不会陌生的设计网站。
插件特色
- 轻量级,只有4KB的大小,min版仅2KB!
- 布局列数可自定义配置;
- 纯JS,不需要依赖 jQuery 库.
先看看Macy.js的项目案例截图吧:
官网地址: http://macyjs.com/
下面就是具体的使用说明:
Step 1: 在页尾引入JS文件,(不能放在Header里哦)
Step 2: HTML结构