JavaScript/jQuery/CSS3瀑布流布局视频教程

源码小哥哥 · 发表于 2018-12-21 14:10:04

本站资源全部免费,回复即可查看下载地址!

您需要登录才可以下载或查看，没有账号？立即注册

x

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

课程须知:
1.你一定对HTML+CSS比较熟悉；
2.掌握一定的JS基础知识，尤其是函数封装、调用等知识；
3.对jQuery相关知识掌握。

课程能学到什么？
1.学会实现瀑布流布局实现的三种方式；
2.div如何定位和排序；
3.掌握CSS3中多栏布局的知识。

课程目录:
第1章瀑布流布局简介
介绍瀑布流布局的相关知识以及概述实现的三种不同方法。
1-1 瀑布流布局简介 (02:29)
第2章 JavaScript原生方法实现瀑布流布局
此方法分为三个步骤：用HTML+CSS实现瀑布流布局页面结构、 JavaScript实现图片定位和排序，最后用onscroll事件实现瀑布流布局的图片加载功能。
2-1 HTML CSS实现瀑布流布局页面结构 (11:06)
2-2 练习题
2-3 JavaScript实现瀑布流布局中图片定位 (17:45)
2-4 JavaScript实现瀑布流布局中图片排序 (14:32)
2-5 onscroll事件实现瀑布流布局的图片加载功能 (27:15)
2-6 编程练习
2-7 编程练习
第3章 jQuery实现瀑布流布局
jQuery方法比JavaScript原生方法简洁，主要在瀑布流布局中实现图片定位、排序及加载方面进行实现。
3-1 jQuery实现瀑布流布局图片定位 (16:36)
3-2 jQuery实现瀑布流布局的图片加载功能 (16:11)
第4章 CSS3实现瀑布流布局
用CSS3的多栏布局实现瀑布流布局，并对columns 属性进行详细讲解。
4-1 CSS3实现瀑布流布局 (11:18)
4-2 练习题
第5章瀑布流布局实现方式比较
对利用JavaScript原生实现方式与CSS3多栏布局实现方式进行对比，分析优劣。
5-1 瀑布流布局实现方式比较 (02:16)
5-2 编程挑战

游客，如果您要查看本帖隐藏内容请回复

miolove2000 · 发表于 2019-11-19 16:31:03

啥也不说了，感谢楼主分享哇！

13712458061 · 发表于 2019-12-15 01:43:29

啥也不说了，感谢楼主分享哇！

loveping · 发表于 2020-1-14 10:34:50

啥也不说了，感谢楼主分享哇！

cainiao777 · 发表于 2020-2-10 17:47:08

啥也不说了，感谢楼主分享哇！

2325627648 · 发表于 2020-8-5 20:03:19

提示: 作者被禁止或删除内容自动屏蔽

wangjihaoma · 发表于 2020-8-6 13:46:17

啥也不说了，感谢楼主分享哇！

李才哥 · 发表于 2021-1-2 08:44:07

啥也不说了，感谢楼主分享哇！

1393679430 · 发表于 2022-7-11 13:09:20

啥也不说了，感谢楼主分享哇！

shaoyunke · 发表于 2022-7-13 14:00:09

啥也不说了，感谢楼主分享哇！

		自动登录	找回密码
密码			立即注册

[@] JavaScript/jQuery/CSS3瀑布流布局视频教程

本站资源全部免费,回复即可查看下载地址!

相关帖子

浏览过的版块