tab栏切换制作
先上图
要求1：默认状态，第一个选项卡被选中，展示第一个选项卡的内容
策略：第一个选项卡默认有被选中的样式，第一个选项卡对应的display: block，其他的dispaly设为none
要求2: 选项卡模块：被点击的变为红底白字，其他的变为白底红字
策略：排他思想，每次点击一个选项卡时，先把其他选项卡设为默认样式，然后自己设为被选中的样式。这里我们先在style里面设置一个新的class,把这个样式给被选中的选项卡。
要求3：每点击某个选中卡，出现对应的模块内容，点击第一个li，展示第一个div,点击第几个li，展示第几个div......，如何知道选中了第几个li呢?
策略：利用for循环，给每个li设置一个自定义属性，每点击这个li，得到该liindex的属性的值
代码部分：
1 <body> 2 <div class="con"> 3 <div class="tab_list"> 4 <ul> 5 6 <li class="tabChange">商品介绍li> 7 <li>规格与包装li> 8 <li>售后保障li> 9 <li>商品评价li> 10 ul> 11 div> 12 <div class="tab_containt"> 13 <div style="display: block">商品介绍模块div> 14 <div>规格与包装模块div> 15 <div>售后保障模块div> 16 <div>商品评价模块div> 17 div> 18 div>
样式：
1