热搜: GBK| UTF8SC| UTF8TC| BIG5|
分类
快捷导航
admin 发表于 2022-9-6 11:52:47 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
 
做模板有时用的js效果太多,系统有的尽量不额外写。
# s7 L/ w2 X) n* [  P/ Z. Z8 |$ O! C3 ohttps://www.tmd9.com
( |+ {. u  Q2 p- o选项:+ g* l" d! y4 Qwww.tmd0.com
<a href=\"javascript:;\" id=\"sub_box_1\" class=\"on\" onclick=\"switchTab(\'sub_box\',1,3,\'on\');\">选项1</a>
4 a2 I1 P1 Y; n6 F<a href=\"javascript:;\" id=\"sub_box_2\" onclick=\"switchTab(\'sub_box\',2,3,\'on\');\">选项2</a>* f5 _; E/ T' u! M  T5 B) I) Xwww.tmd0.com
<a href=\"javascript:;\" id=\"sub_box_3\" onclick=\"switchTab(\'sub_box\',3,3,\'on\');\">选项3</a>3 ], Q4 l, r9 o4 m1 d* g# h; \www.tmd0.com
容器:
4 Y9 _' f5 I5 \4 L* A<div class=\"List-item-box\" id=\"sub_box_c_1\">内容1</div>6 I8 H+ d5 ~: m$ ywww.tmd0.com
<div class=\"List-item-box\" id=\"sub_box_c_2\" style=\"display:none\">内容2</div>3 x# a' h" z' H, n1 Hwww.tmd0.com
<div class=\"List-item-box\" id=\"sub_box_c_3\" style=\"display:none\">内容3</div>( k6 N& n' _# V7 j" Mwww.tmd0.com
第一个选项加选中class、第一个容器不隐藏。# y* n- a( E- Y* t7 e" Nwww.tmd0.com

5 w1 B: s' ~! }0 b5 T- K* W  I都是针对id的,class随意。: ~" e; u2 F; K1 Rwww.tmd0.com
onclick=\"switchTab(\'sub_box\',1,3,\'on\');\"分解:3 L/ P8 K6 H5 o0 T$ v$ n5 p/ }www.tmd0.com
sub_box,序号前的名称;
9 g" X2 C7 m6 s& @' n* l) a0 I1,当前顺序;
; e: N0 m/ Z3 T  t3,总数;0 i& e( F& t1 o7 d2 \2 G! ywww.tmd0.com
on,选中时选项卡增加的class。% m& l* X% q0 b) D- u  N( R( Wwww.tmd0.com
2 l3 b8 K+ _! T0 s9 y7 gwww.tmd0.com

本帖子中包含更多资源

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

回复

使用道具 举报

精彩评论@?!

正序浏览
KeldronDar 发表于 2022-9-21 10:49:25 | 显示全部楼层
 
lvzxzb
回复

使用道具 举报

Bossoutware 发表于 2022-11-20 14:57:18 | 显示全部楼层
 
sp178_bottomad
回复

使用道具 举报

JamesFax 发表于 3 天前 | 显示全部楼层
 
orange_form
回复

使用道具 举报

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

本版积分规则

会员达人更多
精彩分享

热门推荐

更多

最新信息

更多
[帮助 Help]Discuz! 求调用各个版块推荐主题的代码09-06
[帮助 Help]Discuz! 颜文字表情gbk版的用户可能会有乱09-06
[帮助 Help]Discuz! ucenter后台登录时的验证码如何改09-06
[帮助 Help]Discuz! X帖子内容页增加阅读全文功能09-06
[帮助 Help]Discuz! 亮剑云 商城APP插件配置教程和功能09-06
[帮助 Help]Discuz! 插件的通过数据库读取和缓存读取获09-06
[帮助 Help]Discuz! 插件接口概述09-06
[帮助 Help]Discuz! (新人求助)discuz 怎么查看所有09-06
[帮助 Help]Discuz! 模板机制09-06
[帮助 Help]Discuz! 导航如何输出?输出是可以自定义HT09-06
[帮助 Help]Discuz! 3.12. 版块群组置顶09-06
[帮助 Help]Discuz! 的插件机制 页面嵌入09-06
[帮助 Help]Discuz! 亮剑云 通过插件标识符即可轻松定09-06
[帮助 Help]Discuz! 调用主导航和二级导航09-06
[帮助 Help]Discuz! 亮剑云 请问“确认收货时长”在哪09-06
[帮助 Help]Discuz! 9.6. 签到领奖09-06
[帮助 Help]Discuz! 亮剑云 商家收入插件配置教程和功09-06
[帮助 Help]Discuz! Linux云计算架构-使用LNMP架构部署09-06
[帮助 Help]Discuz! 开发Discuz论坛插件教程09-06
[帮助 Help]Discuz! 2.5. 模板管理09-06
[帮助 Help]Discuz! 怎么判断帖子标题与内容开头的文字09-06
[帮助 Help]Discuz! 模板风格创建09-06
[帮助 Help]Discuz! 缓存调用09-06
[帮助 Help]Discuz! ucenter_members数据补齐common_me09-06
[帮助 Help]Discuz! 帖子ID和回帖ID恢复初始状态变成109-06
[帮助 Help]Discuz! 相册标题的字数长度被限制,在哪个09-06
[帮助 Help]Discuz! 《视频课堂点播直播》微信小程序打09-06
[帮助 Help]Discuz! 请问老大,关于默认缩略图问题09-06
[帮助 Help]Discuz! 简洁的Discuz! X2.5 论坛修改注册09-06
[帮助 Help]Discuz! 文章、帖子搜索结果缩略图显示09-06
Powered by Discuz! L1.0 Beta TMD0 Inc. 本站资源仅供学习等 ^_^ 请下载后24小时内删除 ^_^ 谢谢合作 ^_^   
中国互联网违法和不良信息举报中心
南昌网络警察报警平台
经营性网站备案信息
南昌市公安局网监备案
赣公网安备案