JavaScript实现侧边栏效果视频教程

源码小哥哥

课程简介：
学会实现侧边栏内容效果展示，能够让你迅速进阶。三个步骤:通过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)

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

loveping

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

cainiao777

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

15096183625

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

sqshine

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

李才哥

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

wjjnicholas

6666666666666666666666666666

你来了

谢谢分享，支持了。