程序人生
课程方向: |
网页前端 |
课程类型: |
功能实现 |
本站资源全部免费,回复即可查看下载地址!
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
课程简介:
学会实现侧边栏内容效果展示,能够让你迅速进阶。三个步骤:通过HTML、CSS实现侧边栏内容布局;实现JavaScript代码效果,使用面向对象的方式;在JavaScript代码预留位置,添加动画效果。学会这些,跻身大网站程序员行列,身价倍增,赶快学习!
课程须知:
1.本课程属于难度比较大的前端课程;2.对HTML、CSS有较深理解;3.尤其对JavaScript中的构造函数、原型链、冒泡及闭包等技术有所了解;4.你还要熟悉CSS3动画方面的知识。
课程能学到什么?
1.学会如何实现侧边栏内容效果;2.对CSS3动画添加有较深的理解;3.掌握构造函数的方法;4.代码实战开发的一些经验。
课程目录:
第1章 效果展示及实现步骤分析
明确侧边栏信息展示效果的运用位置,剖析实现这个效果的六大方面功能及实施步骤。
1-1 效果展示及实现步骤分析 (04:36)
第2章 用HTML+CSS实现侧边栏页面布局
本部分包括两个内容实现,首先实现的是侧边栏(Sidebar)菜单的布局,接下来实现的是菜单栏内容项方面的布局。
2-1 使用HTML CSS实现侧边栏菜单布局 (09:54)
2-2 练习题
2-3 用HTML CSS实现菜单栏内容项布局 (06:37)
2-4 练习题
第3章 使用JavaScript的构造函数创建对象
本部分是课程中的难点部分,首先创建的是侧边栏对象,并对其进行验证,接着创建菜单栏内容项的对象。
3-1 用Js的构造函数创建侧边栏对象 (12:31)
3-2 练习题
3-3 侧边栏对象--构造函数的验证 (07:34)
3-4 使用JS的构造函数创建菜单项对象 (09:32)
3-5 练习题
第4章 侧边栏信息展示效果的动画效果的添加
动画实现包括打开和关闭侧边栏以及打开及关闭菜单内容栏菜单项两个大的模块,动画实现原理相同。
4-1 动画效果相关知识点讲解 (06:45)
4-2 关闭侧边栏的动画效果实现 (09:16)
4-3 打开侧边栏的动画效果实现 (06:47)
4-4 菜单栏内容项的动画效果实现 (16:02)
4-5 练习题
第5章 总结
对内容进行梳理,在案例实现过程中用到的技术点及技巧进行总结。
5-1 总结 (03:53)
|
温馨提示:
1、本站所有内容均为互联网收集或网友分享或网络购买,本站不破解、不翻录任何视频!
2、如本帖侵犯到任何版权问题,请立即告知本站,本站将及时予与删除并致以最深的歉意!
3、本站资源仅供本站会员学习参考,不得传播及用于其他用途,学习完后请在24小时内自行删除.
4、本站资源质量虽均经精心审查,但也难保万无一失,若发现资源有问题影响学习请一定及时点此进行问题反馈,我们会第一时间改正!
5、若发现链接失效了请联系管理员,管理员会在2小时内修复
6、如果有任何疑问,请加客服QQ:1300822626 2小时内回复你!