• 注册
  • discuz教程 discuz教程 关注:0 内容:190

    discuz 默认js tab选项卡

  • 查看作者
  • 打赏作者
    • discuz教程
    • Lv.4
      白银会员
      官方团队

      做模板有时用的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。

      请登录之后再进行评论

      登录

      WordPress后台-外观-小工具 进行配置小工具

    • 做任务
    • 实时动态
    • 偏好设置
    • 帖子间隔 侧栏位置: