如何改写JS tab栏切换代码实例为长尾关键词？

本文共计1247个文字，预计阅读时间需要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之间的切换。