技术巴巴

 找回密码
 立即注册
技术巴巴 首页 前端开发课程 查看内容

侧边栏信息展示效果

2019-6-9 19:57| 发布者: 技术巴巴| 查看: 30| 评论: 0|原作者: 技术巴巴

摘要: 简介:学会实现侧边栏内容效果展示,能够让你迅速进阶。三个步骤:通过HTML、CSS实现侧边栏内容布局;实现JavaScript代码效果,使用面向对象的方式;在JavaScript代码预留位置,添加动画效果。学会这些,跻身大网站程 ...

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

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

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

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

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

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

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

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

第5章 总结

对内容进行梳理,在案例实现过程中用到的技术点及技巧进行总结。

戳这里去学习:https://www.imooc.com/learn/74


路过

雷人

握手

鲜花

鸡蛋
发表评论

最新评论

技术巴巴 ( 鄂ICP备14015590号-5 )

GMT+8, 2020-12-27 10:30 , Processed in 0.029294 second(s), 22 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

返回顶部