发新帖
  2. 建站技术
  3. DZ 内置的TAB选项卡代码：

DZ 内置的TAB选项卡代码： [复制链接]

moqu8 2018-4-16
5 0
  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>

  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。

最新回复 (0)
返回
版块热门：
支持中心
邮箱：winkill2012@qqcom
新站优化中！部分功能尚未完善，敬请谅解！
支持中心