discuz

推荐列表 站点导航

当前位置:首页 > 建站教程 > discuz >

discuz 默认js tab选项卡

来源:网络整理  作者:网络  发布时间:2020-12-12 22:37
做模板有时用的js效果太多,系统有的尽量不额外写。 选项: a href=javascript:; id=sub_box_1 class=on onclick=switchTab(sub_box,1...

3,总数;
复制代码
第一个选项加选中class、第一个容器不隐藏。

<a href="javascript:;" id="sub_box_3" onclick="switchTab('sub_box',3,3,'on');">选项3</a>
容器:
都是针对id的,class随意。
<div class="List-item-box" id="sub_box_c_2" style="display:none">内容2</div>

<a href="javascript:;" id="sub_box_1" class="on" onclick="switchTab('sub_box',1,3,'on');">选项1</a>
复制代码
onclick="switchTab('sub_box',1,3,'on');"分解:
sub_box,序号前的名称;

做模板有时用的js效果太多,系统有的尽量不额外写。
on,选中时选项卡增加的class。
1,当前顺序;
<a href="javascript:;" id="sub_box_2" onclick="switchTab('sub_box',2,3,'on');">选项2</a>
<div class="List-item-box" id="sub_box_c_1">内容1</div>
<div class="List-item-box" id="sub_box_c_3" style="display:none">内容3</div>
选项:

相关热词: discuz

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规!

本文地址: https://www.juheyunku.com/jz/discuz/3091.shtml

Copyright © www.juheyunku.com      关于 | 合作 | 声明 | 联系 | 更新 | 地图 | Tags

discuz 默认js tab选项卡

2020-12-12 编辑:网络


3,总数;
复制代码
第一个选项加选中class、第一个容器不隐藏。

<a href="javascript:;" id="sub_box_3" onclick="switchTab('sub_box',3,3,'on');">选项3</a>
容器:
都是针对id的,class随意。
<div class="List-item-box" id="sub_box_c_2" style="display:none">内容2</div>

<a href="javascript:;" id="sub_box_1" class="on" onclick="switchTab('sub_box',1,3,'on');">选项1</a>
复制代码
onclick="switchTab('sub_box',1,3,'on');"分解:
sub_box,序号前的名称;

做模板有时用的js效果太多,系统有的尽量不额外写。
on,选中时选项卡增加的class。
1,当前顺序;
<a href="javascript:;" id="sub_box_2" onclick="switchTab('sub_box',2,3,'on');">选项2</a>
<div class="List-item-box" id="sub_box_c_1">内容1</div>
<div class="List-item-box" id="sub_box_c_3" style="display:none">内容3</div>
选项:

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供学习参考!
本文地址为 https://www.juheyunku.com/jz/discuz/3091.shtml

相关文章

风云图片

推荐阅读

返回discuz频道首页