DZ 内置的TAB选项卡代码

关联推荐：
DZ内置的幻灯片特效代码
https://www.1-dz.com/thread-18973-1-1.html
(出处: 一地纸)


DZ 内置的TAB选项卡代码：

1. <div class="tab_1dz">
   
2.         <a href="javascript:;" id="sub_box_1" class="no" onclick="switchTab('sub_box',1,3,'on');">选项1</a>
   
3.         <a href="javascript:;" id="sub_box_2" onclick="switchTab('sub_box',2,3,'on');">选项2</a>
   
4.         <a href="javascript:;" id="sub_box_3" onclick="switchTab('sub_box',3,3,'on');">选项3</a>
   
5. 
   
6.         <div class="List-item-box" id="sub_box_c_1">内容1</div>
   
7.         <div class="List-item-box" id="sub_box_c_2" style="display:none">内容2</div>
   
8.         <div class="List-item-box" id="sub_box_c_3" style="display:none">内容3</div>
   
9. </div>

复制代码

a标签是选项，下面的div就是对应的容器，对应id就行，其它随意

onclick="switchTab('sub_box',1,3,'on');"分解：
sub_box，序号前的名称；
1，当前顺序；
3，总数；
on，选中时选项卡增加的class。
onclick是点击事件，要聚焦也就是滑动效果的话换成onmouseover就行了。