JavaScript结合CSS实现图片瀑布流布局

时间:2022-09-12 03:56:34
【文件属性】:
文件名称:JavaScript结合CSS实现图片瀑布流布局
文件大小:178KB
文件格式:RAR
更新时间:2022-09-12 03:56:34
HTML5应用 今天我们要来介绍一个很实用的布局方式:瀑布流布局。整个瀑布流布局用到了CSS和JavaScript,首先我们将不同尺寸的图片设置成宽度一致,然后一列列地分布,同时我们还可以将图片放大浏览,这种图片的瀑布流排列方式在现代相册应用中使用十分广发,特别是移动端的显示更为实用。
【文件预览】:
css-javascript-waterfalls-flow
----index.html(7KB)
----images()
--------weix()
----js()
--------main.js(12KB)
--------imagesloaded.pkgd.min.js(7KB)
--------jq()
--------masonry.pkgd.min.js(28KB)
--------classie.js(2KB)
--------modernizr-custom.js(5KB)
----css()
--------style1.css(4KB)

网友评论