主要介绍了js tab栏切换代码实例解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

今天机试有个内容是做网易云课堂tab栏切换的，如下 先简单说下我当时的想法 1.先弄一个大div盒子，我命名为tab 2.在大盒子tab里面有两个小盒子，分别是标题栏（tab_list）和内容栏（tab_con） 3.采用display：flex；使标题栏菜单和内容栏的内容水平对齐（可能待会放的代码不是很规范，但实现对齐效果） 4.js编写鼠标移入事件，主要是利用display：none和display：block之间的切换。 下面放下我当时写的代码吧，可能写得不是很正规，不符合习惯，请大家见