dmz社区

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 1102|回复: 11

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

[复制链接]

该用户从未签到

2970

主题

93

帖子

408

积分

会|员

Rank: 9Rank: 9Rank: 9

积分
408
发表于 2018-12-21 14:10:04 | 显示全部楼层 |阅读模式
程序人生
课程方向: 网页前端 
课程类型: 功能实现 

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

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
536c49530001e2cd06000338-240-135.jpg
课程简介:
瀑布流布局是网站比较流行的一种布局方式。本案例将深入讲解实现瀑布流布局的三大方式: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 编程挑战
游客,如果您要查看本帖隐藏内容请回复

温馨提示:
1、本站所有内容均为互联网收集或网友分享或网络购买,本站不破解、不翻录任何视频!
2、如本帖侵犯到任何版权问题,请立即告知本站,本站将及时予与删除并致以最深的歉意!
3、本站资源仅供本站会员学习参考,不得传播及用于其他用途,学习完后请在24小时内自行删除.
4、本站资源质量虽均经精心审查,但也难保万无一失,若发现资源有问题影响学习请一定及时点此进行问题反馈,我们会第一时间改正!
5、若发现链接失效了请联系管理员,管理员会在2小时内修复
6、如果有任何疑问,请加客服QQ:1300822626 2小时内回复你!
回复

使用道具 举报

  • TA的每日心情
    难过
    2021-3-18 18:27
  • 签到天数: 13 天

    [LV.3]偶尔看看II

    0

    主题

    66

    帖子

    180

    积分

    终身会员[A]

    Rank: 7Rank: 7Rank: 7

    积分
    180

    发表于 2019-11-19 16:31:03 | 显示全部楼层
    啥也不说了,感谢楼主分享哇!
  • TA的每日心情

    2022-5-4 23:30
  • 签到天数: 40 天

    [LV.5]常住居民I

    0

    主题

    164

    帖子

    475

    积分

    终身会员[A]

    Rank: 7Rank: 7Rank: 7

    积分
    475

    发表于 2019-12-15 01:43:29 | 显示全部楼层
    啥也不说了,感谢楼主分享哇!
  • TA的每日心情
    无聊
    3 天前
  • 签到天数: 850 天

    [LV.10]以坛为家III

    4

    主题

    1764

    帖子

    5399

    积分

    终身会员[A]

    Rank: 7Rank: 7Rank: 7

    积分
    5399

    发表于 2020-1-14 10:34:50 | 显示全部楼层
    啥也不说了,感谢楼主分享哇!
  • TA的每日心情
    开心
    2024-3-4 14:52
  • 签到天数: 111 天

    [LV.6]常住居民II

    0

    主题

    291

    帖子

    900

    积分

    终身会员[A]

    Rank: 7Rank: 7Rank: 7

    积分
    900

    发表于 2020-2-10 17:47:08 | 显示全部楼层
    啥也不说了,感谢楼主分享哇!
  • TA的每日心情
    开心
    2020-9-29 11:32
  • 签到天数: 81 天

    [LV.6]常住居民II

    0

    主题

    3783

    帖子

    7849

    积分

    禁止访问

    积分
    7849
    发表于 2020-8-5 20:03:19 | 显示全部楼层
    提示: 作者被禁止或删除 内容自动屏蔽
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    郁闷
    昨天 13:35
  • 签到天数: 1120 天

    [LV.10]以坛为家III

    0

    主题

    1339

    帖子

    5331

    积分

    终身会员[A]

    Rank: 7Rank: 7Rank: 7

    积分
    5331

    发表于 2020-8-6 13:46:17 | 显示全部楼层
    啥也不说了,感谢楼主分享哇!
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    无聊
    昨天 21:21
  • 签到天数: 1043 天

    [LV.10]以坛为家III

    1

    主题

    4131

    帖子

    1万

    积分

    超凡入圣

    Rank: 10Rank: 10Rank: 10

    积分
    11078

    发表于 2021-1-2 08:44:07 | 显示全部楼层
    啥也不说了,感谢楼主分享哇!
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    擦汗
    2024-3-6 19:42
  • 签到天数: 322 天

    [LV.8]以坛为家I

    0

    主题

    700

    帖子

    2310

    积分

    终身会员[A]

    Rank: 7Rank: 7Rank: 7

    积分
    2310

    发表于 2022-7-11 13:09:20 | 显示全部楼层
    啥也不说了,感谢楼主分享哇!
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    擦汗
    2024-3-4 18:14
  • 签到天数: 48 天

    [LV.5]常住居民I

    0

    主题

    228

    帖子

    698

    积分

    终身会员[A]

    Rank: 7Rank: 7Rank: 7

    积分
    698

    发表于 2022-7-13 14:00:09 | 显示全部楼层
    啥也不说了,感谢楼主分享哇!
    回复 支持 反对

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    QQ|Archiver|小黑屋|本站代理|dmz社区

    GMT+8, 2024-3-29 10:12 , Processed in 0.104605 second(s), 47 queries .

    Powered by Discuz! X3.4 Licensed

    Copyright © 2001-2021, Tencent Cloud.

    快速回复 返回顶部 返回列表