请选择 进入手机版 | 继续访问电脑版

Discuz!大师网

搜索
查看: 1013|回复: 0

Discuz!模板选项卡的制作

[复制链接]
发表于 2017-3-21 01:33:00 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?立即注册

x
选项卡由两部分组成,一部分是切换,另部分是切换的内容切换部分:
  1. <ul>
  2.         <li  id=“indexbox_1” class=“on” onmousemove=“switchTab(‘indexbox’,1,2,‘on’);” >标题1</li>
  3.         <li  id=“indexbox_2” onmousemove=“switchTab(‘indexbox’,2,2,‘on’);”>标题2</li>
  4. </ul>
复制代码
其中onmousemove是鼠标划过的事件,可以改成onclick鼠标点击事件。
  1. <div class="zbang_usertu">
  2. <div  id="indexbox_c_1" style="display:block;">内容区1</div>
  3. <div  id=“indexbox_c_2” style=“display:none”>内容区2</div>
  4. </div>
复制代码
注:当有多个选项卡时,只需把indexbox_1、 indexbox_c_2名字改了,如: indexboxaa_1、 indexboxaa_c_2
回复 马甲回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|网站地图|小黑屋|展会网|Discuz站长论坛 |天天打卡

GMT+8, 2024-3-29 05:07 , Processed in 0.022596 second(s), 7 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

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