7
流年
发表于 2018-4-10 15:15:58
关联推荐:
DZ内置的幻灯片特效代码
https://www.1-dz.com/thread-18973-1-1.html
(出处: 一地纸)
DZ 内置的TAB选项卡代码:
- <div class="tab_1dz">
- <a href="javascript:;" id="sub_box_1" class="no" 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>
- </div>
复制代码 a标签是选项,下面的div就是对应的容器,对应id就行,其它随意
onclick="switchTab('sub_box',1,3,'on');"分解:
sub_box,序号前的名称;
1,当前顺序;
3,总数;
on,选中时选项卡增加的class。
onclick是点击事件,要聚焦也就是滑动效果的话换成onmouseover就行了。
|
|