简介:学会实现侧边栏内容效果展示,能够让你迅速进阶。三个步骤:通过HTML、CSS实现侧边栏内容布局;实现JavaScript代码效果,使用面向对象的方式;在JavaScript代码预留位置,添加动画效果。学会这些,跻身大网站程序员行列,身价倍增,赶快学习!
第2章 用HTML+CSS实现侧边栏页面布局
本部分包括两个内容实现,首先实现的是侧边栏(Sidebar)菜单的布局,接下来实现的是菜单栏内容项方面的布局。
第3章 使用JavaScript的构造函数创建对象
本部分是课程中的难点部分,首先创建的是侧边栏对象,并对其进行验证,接着创建菜单栏内容项的对象。
第4章 侧边栏信息展示效果的动画效果的添加
动画实现包括打开和关闭侧边栏以及打开及关闭菜单内容栏菜单项两个大的模块,动画实现原理相同。