原生HTML，CSS，JS实现tab栏切换效果

核心原理：排他思想，把所有的相同样式清除， 留下自己

直接上代码

HTML

 

   

     

       

• 水果

       

• 蔬菜

       

• 饮料

       

• 肉

     

   

   

     

水果内容

     

蔬菜内容

     

饮料内容

     

肉内容

   

 

css

 

JS

实际结果：