前端功能实战之QQ空间时光轴特效

源码小哥哥 · 发表于 2018-12-21 14:20:23

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

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

x

课程简介：
QQ空间时光轴特效信息展示简洁，交互性好。本课程首先分析特效的界面代码结构：时序菜单和日志列表，还将引入一个重要的知识点：前端模板，并从界面中抽出模板备用。特效部分将会重点分享跳转特效、高亮特效以及滚动页面自动展开时序标签。

课程须知:
1.熟练掌握HTML+CSS相关知识，尤其是对CSS定位、浮动清除，圆角、三角形等了解；
2.对JS基础知识熟悉

课程目录:
第1章简介
对QQ空间时光轴特效的定义、优势及实现思路分析。
1-1 QQ空间时光轴特效简介 (07:42)
第2章 HTML+CSS实现特效界面代码开发
根据之前分析的html结构，编写基本界面结构和样式；同时介绍使用CSS制作圆角、三角形的技巧。
2-1 QQ空间时光轴页面整体框架结构实现（HTML+CSS） (06:29)
2-2 时序菜单中详细结构实现 (03:18)
2-3 QQ空间日志模块的详细结构实现 (16:09)
第3章前端模板介绍及内容生成
介绍前端模板的基本概念：模板、数据、输出；并且实战从界面中抽出模板备用。
3-1 前端模板介绍及时序菜单模板结构与数据 (14:01)
3-2 时序菜单生成 (06:17)
3-3 日志列表实现 (13:09)
第4章 JavaScript实现特效功能开发
主要实现自动固定（or 隐藏展现）时序模块、时序年月标签的点击处理以及滚动页面自动展开时序标签。
4-1 特效功能开发简介 (02:21)
4-2 跳转特效 (07:30)
4-3 高亮特效 (05:14)
4-4 固定和自动展开时序菜单特效 (13:11)
第5章总结
对开发思路的重点部分进行梳理分析
5-1 总结 (02:15)
5-2 编程挑战

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

cbqcnu · 发表于 2019-1-15 16:54:42

不知该说些什么。。。。。。就是谢谢

Gravovahom · 发表于 2019-1-15 21:14:18

谢谢楼主，共同发展

TarokMomi · 发表于 2019-1-17 17:55:27

支持一下:lol

浩如烟海 · 发表于 2019-1-22 13:04:04

珍惜生命，果断回帖。

Genihokdak · 发表于 2019-1-25 10:28:57

学习了，谢谢分享、、、

不识药的医生 · 发表于 2019-1-29 04:23:23

不错不错，楼主您辛苦了。。。

逃跑的火焰 · 发表于 2019-1-30 08:40:05

看帖回帖是美德！:lol

sumsdant · 发表于 2019-2-1 09:41:18

过来看看的

cbang16 · 发表于 2019-2-5 00:55:17

没看完~~~~~~ 先顶，好同志

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

[@] 前端功能实战之QQ空间时光轴特效

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

相关帖子