做模板有时用的js作用太多,体系有的尽量不额定写。
选项:
<a href="javascript:;" id="sub_box_1" class="on" onclick="switchTab('sub_box',1,3,'on');">选项1</a>
<a href="javascript:;" id="sub_box_2" onclick="switchTab('sub_box',2,3,'on');">选项2</a>
<a href="javascript:;" id="sub_box_3" onclick="switchTab('sub_box',3,3,'on');">选项3</a>
仿制代码
容器:
<div class="List-item-box" id="sub_box_c_1">内容1</div>
<div class="List-item-box" id="sub_box_c_2" style="display:none">内容2</div>
<div class="List-item-box" id="sub_box_c_3" style="display:none">内容3</div>
仿制代码
第一个选项加选中class、第一个容器不躲藏。
都是针对id的,class随意。
onclick="switchTab('sub_box',1,3,'on');"分化:
sub_box,序号前的称号;
1,当时次序;
3,总数;
on,选中时选项卡添加的class。
选项:
<a href="javascript:;" id="sub_box_1" class="on" onclick="switchTab('sub_box',1,3,'on');">选项1</a>
<a href="javascript:;" id="sub_box_2" onclick="switchTab('sub_box',2,3,'on');">选项2</a>
<a href="javascript:;" id="sub_box_3" onclick="switchTab('sub_box',3,3,'on');">选项3</a>
仿制代码
容器:
<div class="List-item-box" id="sub_box_c_1">内容1</div>
<div class="List-item-box" id="sub_box_c_2" style="display:none">内容2</div>
<div class="List-item-box" id="sub_box_c_3" style="display:none">内容3</div>
仿制代码
第一个选项加选中class、第一个容器不躲藏。
都是针对id的,class随意。
onclick="switchTab('sub_box',1,3,'on');"分化:
sub_box,序号前的称号;
1,当时次序;
3,总数;
on,选中时选项卡添加的class。
声明:有的资源均来自网络转载,版权归原作者所有,如有侵犯到您的权益 请联系邮箱:123456@qq.com 我们将配合处理!
原文地址:discuz 默认js tab选项卡发布于2023-02-24 23:54:41