一地纸

 找回密码
 立即注册

DZ 内置的TAB选项卡代码

[复制链接]
7
流年 发表于 2018-4-10 15:15:58

版主 |主题 |帖子 |积分 500

关联推荐:
DZ内置的幻灯片特效代码
https://www.1-dz.com/thread-18973-1-1.html
(出处: 一地纸)


DZ 内置的TAB选项卡代码:
  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>

  5.         <div class="List-item-box" id="sub_box_c_1">内容1</div>
  6.         <div class="List-item-box" id="sub_box_c_2" style="display:none">内容2</div>
  7.         <div class="List-item-box" id="sub_box_c_3" style="display:none">内容3</div>
  8. </div>
复制代码
a标签是选项,下面的div就是对应的容器,对应id就行,其它随意

onclick="switchTab('sub_box',1,3,'on');"分解:
sub_box,序号前的名称;
1,当前顺序;
3,总数;
on,选中时选项卡增加的class。
onclick是点击事件,要聚焦也就是滑动效果的话换成onmouseover就行了。



QQ|一地纸 ( 闽ICP备09072999号 )

GMT+8, 2018-7-18 08:49

Powered by Discuz! X3.3

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表