如何解析js实现tab栏切换的代码实例？

本文共计1231个文字，预计阅读时间需要5分钟。

今天机试有个内容是做互联网云课堂tab切换的，简单说下我的想法：

1.先搭一个大div盒子，命名为tab；

2.在大盒子tab里放两个小盒子，分别对应栏（tab_list）和内容栏（内容）。

今天机试有个内容是做网易云课堂tab栏切换的，如下

先简单说下我当时的想法

1.先弄一个大div盒子，我命名为tab

2.在大盒子tab里面有两个小盒子，分别是标题栏（tab_list）和内容栏（tab_con）

3.采用display：flex；使标题栏菜单和内容栏的内容水平对齐（可能待会放的代码不是很规范，但实现对齐效果）

4.js编写鼠标移入事件，主要是利用display：none和display：block之间的切换。