为了账号安全,请及时绑定邮箱和手机立即绑定

瀑布流布局

学习人数
难度级别 中级
课程时长 2小时 0分
综合评分 9.6
288人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.5 逻辑清晰

简介:瀑布流布局是网站比较流行的一种布局方式。本案例将深入讲解实现瀑布流布局的三大方式:JavaScript、jQuery和CSS3,你将学习到如何用JavaScript方法实现图片的定位及排序、两种不同的方式对图片进行持续加载,以及CSS3中多栏布局怎么实现瀑布流布局。

第1章 瀑布流布局简介
介绍瀑布流布局的相关知识以及概述实现的三种不同方法。

第3章 jQuery实现瀑布流布局
jQuery方法比JavaScript原生方法简洁,主要在瀑布流布局中实现图片定位、排序及加载方面进行实现。

第4章 CSS3实现瀑布流布局
用CSS3的多栏布局实现瀑布流布局,并对columns 属性进行详细讲解。

第5章 瀑布流布局实现方式比较
对利用JavaScript原生实现方式与CSS3多栏布局实现方式进行对比,分析优劣。

讲师提示

课程须知
1.你一定对HTML+CSS比较熟悉; 2.掌握一定的JS基础知识,尤其是函数封装、调用等知识; 3.对jQuery相关知识掌握。
老师告诉你能学到什么?
1.学会实现瀑布流布局实现的三种方式; 2.div如何定位和排序; 3.掌握CSS3中多栏布局的知识。
意见反馈 常见问题 APP下载
官方微信