菜单栏内容项的动画效果实现_侧边栏信息展示效果-慕课网

问答
评论
笔记
资料下载

全部精华我要发布

优化一下：当菜单未关闭时点击×，先关闭菜单再关闭侧边栏。

最新回答 / 浅芷初夏

<...图片...>附上一张图

1 回答 1182 浏览

2018-12-27

add（）？

已采纳回答 / 笨蛋杜杜鸟

classList是HTML5新增的属性，有add(),contains(),remove(),toggle()四个方法，实用classList操作类名更简单更安全。如果相兼容低版本的话，可以自己封转一个addClass()函数。例：<...code...>

1 回答 1880 浏览

2017-08-24

改造一下，点X的同时nav-content也关闭

已采纳回答 / nc1199

menubar.currentOpenedMenuContent && menubar.close();

4 回答 2157 浏览

2022-07-07

跟着敲了一遍CSS部分

+ 我来回答回答最高可+2积分

2 回答 1367 浏览

2022-04-10

最后一处.

+ 我来回答回答最高可+2积分

2 回答 1156 浏览

2022-07-16

我做了 demo 欢迎大家围观地址 http://padding.me/demo/sidebar/index.html

+ 我来回答回答最高可+2积分

8 回答 1115 浏览

2022-08-10

没有实现当nav-content 打开的时候点击 closebar(此时closebar是+号)变为x的过程中，没有关闭nav-content

已采纳回答 / Green Boots.

视频中是没有，是打算预留作为练习用的

13 回答 1607 浏览

2022-09-08

局域

+ 我来回答回答最高可+2积分

5 回答 1016 浏览

2022-06-12

for( i = 0 ; i < this.menuContentList.length ; i++ ){ this.menuContentList[i].addEventListener('click',function(e){ //console.log(i); }); } 最后没实现点击菜单栏右上角的剪头然后菜单栏消失的函数嗄

+ 我来回答回答最高可+2积分

14 回答 1257 浏览

2022-09-02

全部我要发布

最热最新

只看我的

源码立即下载

4-4 菜单栏内容项的动画效果实现

下一节课程：练习题下一节重新观看

为你推荐

相关课程

提问题

其他问答

写笔记

您还未绑定服务号

收藏课程后，能更快找到我哦～

优化一下：当菜单未关闭时点击×，先关闭菜单再关闭侧边栏。

add（）？

改造一下，点X的同时nav-content也关闭

跟着敲了一遍CSS部分

最后一处.

我做了 demo 欢迎大家围观地址 http://padding.me/demo/sidebar/index.html

没有实现当nav-content 打开的时候点击 closebar(此时closebar是+号)变为x的过程中，没有关闭nav-content

局域

for( i = 0 ; i < this.menuContentList.length ; i++ ){ this.menuContentList[i].addEventListener('click',function(e){ //console.log(i); }); } 最后没实现点击菜单栏右上角的剪头然后菜单栏消失的函数嗄

推荐课程

推荐路线系统化学习，打造阶梯学习模式

手记推荐

4-4 菜单栏内容项的动画效果实现

热搜

最近搜索清空

下一节课程： 练习题 下一节 重新观看

为你推荐

相关课程

提问题

其他问答

写笔记

您还未绑定服务号

收藏课程后，能更快找到我哦～

推荐课程

推荐路线系统化学习，打造阶梯学习模式

相关课程

手记推荐

账号登录 验证码登录

下一节课程：练习题下一节重新观看

账号登录验证码登录