为了账号安全,请及时绑定邮箱和手机立即绑定

侧边栏信息展示效果

难度初级
时长 1小时34分
学习人数
综合评分9.43
72人评价 查看评价
9.8 内容实用
9.3 简洁易懂
9.2 逻辑清晰
简介:学会实现侧边栏内容效果展示,能够让你迅速进阶。三个步骤:通过HTML、CSS实现侧边栏内容布局;实现JavaScript代码效果,使用面向对象的方式;在JavaScript代码预留位置,添加动画效果。学会这些,跻身大网站程序员行列,身价倍增,赶快学习!

第1章 效果展示及实现步骤分析

明确侧边栏信息展示效果的运用位置,剖析实现这个效果的六大方面功能及实施步骤。

第2章 用HTML+CSS实现侧边栏页面布局

本部分包括两个内容实现,首先实现的是侧边栏(Sidebar)菜单的布局,接下来实现的是菜单栏内容项方面的布局。

第3章 使用JavaScript的构造函数创建对象

本部分是课程中的难点部分,首先创建的是侧边栏对象,并对其进行验证,接着创建菜单栏内容项的对象。

第4章 侧边栏信息展示效果的动画效果的添加

动画实现包括打开和关闭侧边栏以及打开及关闭菜单内容栏菜单项两个大的模块,动画实现原理相同。

第5章 总结

对内容进行梳理,在案例实现过程中用到的技术点及技巧进行总结。
课程须知
1.本课程属于难度比较大的前端课程;2.对HTML、CSS有较深理解;3.尤其对JavaScript中的构造函数、原型链、冒泡及闭包等技术有所了解;4.你还要熟悉CSS3动画方面的知识。
老师告诉你能学到什么?
1.学会如何实现侧边栏内容效果;2.对CSS3动画添加有较深的理解;3.掌握构造函数的方法;4.代码实战开发的一些经验。
意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!