1.先设置好样式
tab选项卡tab选项卡tab选项卡
2.内容部分
tab选项卡
3.只有把内容和样式写好,才能更加容易用js对内容进行操作
4.js部分
①首先引入封装好的js代码

tab选项卡
②通过循环给每个span标签设置点击事件
让每个span标签的类名为空,然后让类名为now的span标签有一个默认样式
tab选项卡
给span标签设置自定义属性,保存每一个索引值
tab选项卡
③获取到对应的储存的索引值
tab选项卡

④通过循环隐藏所有的模块,让其不显示,用removeAttribute去除指定li的类名
tab选项卡
⑤显示对应模块的内容

tab选项卡
重点:自定义属性setAttribute和删除指定的属性removeAttribute

相关文章: