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

侧边栏信息展示效果

GreenBoots Web前端工程师
难度初级
时长 1小时34分
学习人数
综合评分9.43
74人评价 查看评价
9.8 内容实用
9.3 简洁易懂
9.2 逻辑清晰
老师,一起爬山吗,。
animation: cmr 1s 1 forwards; //可以写一块,参数可以最多写6个,如果我没记错

transform: translateX(160px) rotate(45deg) scale(1.5); //注意空格
关于 this.el.addEventListener('click',function(event) {为null
记得js要在body上加载,这样才能渲染成功!
要实现动画效果的逆向,只要将原动画keyframes的from和to对换即可,而不用这么复杂地先修改原来的元素的css移动到某一个地方,再用动画移回来。比如sidebar move right的动画只要写 from {translateX(-120px) } to {} 就可以了,也就是将sidebar move left的from和to对换一下。
先下载css样式,渲染HTML文档结构,再下载JavaScript代码
看着不错,清爽,谁有老师的GitHub或者博客等
老师有一点忘记讲了,最后还需要实例化一下:
var sideBar = new Sidebar();

最赞回答 / asamu
如果菜单栏的状态值为 allClosed, 则打开点击的菜单项将菜单栏的状态设置为 hasOpened并将点击的菜单项保存到菜单栏的属性中,方便下次操作不知道我说明白了没
没有阅读过教材和尝试练习,就看明白的那是自欺欺人。回去多看看,过一段时间再来看看视频,肯定会好很多。
@keyframes
还是不懂,需要慢慢学和练习
返回对象为空
构造函数中的this指向window
向window中添加属性
懵懵懂懂,但可以看得出老师功力深厚。
首页上一页1234567下一页尾页
课程须知
1.本课程属于难度比较大的前端课程;2.对HTML、CSS有较深理解;3.尤其对JavaScript中的构造函数、原型链、冒泡及闭包等技术有所了解;4.你还要熟悉CSS3动画方面的知识。
老师告诉你能学到什么?
1.学会如何实现侧边栏内容效果;2.对CSS3动画添加有较深的理解;3.掌握构造函数的方法;4.代码实战开发的一些经验。

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消