tab切换常用于同一个模块中不同栏目之间的切换，如下图：
HTML结构：
CSS样式：
一般切换的主栏目样式是用display属性来控制选中与被选中的状态的。
但是在遇到带有动态效果（如图文滚动、图文翻动宽版等）的切换栏目时，切换的主栏目需要换种写法来显示选中状态，不然栏目的动态效果无法展示，这时可以用定位里的层级关系z-index来控制选中状态，每个切换项先给它一个默认层级，选中的时候给选中项设置一个高于默认层级的层级数。
JS脚本：
微信公众号