时间:2021-05-02
做模板有时用的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。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文实例讲述了JS面向对象编程实现的Tab选项卡。分享给大家供大家参考,具体如下:Tab选项卡案例下面是一个简单面向过程的Tab选项卡。#tabBoxinput
IDEA设置Tab选项卡本人喜欢把tab选项卡全部放出来(tab选项卡默认是10个,超过后会把最先打开的挤出去,像队列一样先进先出),比如这样(多行显示):当然
本文实例讲述了JS基于myFocus库实现各种功能的tab选项卡切换效果。分享给大家供大家参考。具体如下:这里介绍使用myFocus-tab实现各种功能的选项卡
本文实例讲述了JS实现黑色风格的网页TAB选项卡效果代码。分享给大家供大家参考。具体如下:这是一款网页TAB选项卡JS代码,黑色超酷的风格,看了后你会喜欢的,很
本文实例讲述了JS实现同一个网页布局滑动门和TAB选项卡。分享给大家供大家参考。具体如下:这里演示同一个网页布局滑动门和TAB选项卡效果,其实滑动门和选项卡没有