当前位置:首页>Wordpress教程>关于Tab(选项卡)的一些实现方式

关于Tab(选项卡)的一些实现方式

对于夜间模式,我想大家都知道。起源于的zEUS的DZTHEME上见到,到后来的很多人都开始喜欢这一举动,这样做以有很多好处,最常见的是你在分散的小柜子更多的人内容。当然不是你很少有人知道主要内容,今天就讲怎么实现,哪种编码方法更好。

其实最近也看过关于TABS公众号的文章,老师们的实现方式是不同的,但看起来差不了多少,然后又在金讪@后或听到了妻子的”只是为你博客轻松添加Tabs命令提示符切换效果“,但最后还是想问这个问题的。

我们大家再看一下效果图展示。
关于Tab(选项卡)的一些实现方式

现在来给大家一步一步实现它。首先我们看下JavaScripjava代码:

function setTab(name,cursel,n){
for(i=1;i<=n;i++){
var menu=document.getElementById(name+i);
var con=document.getElementById(“con_”+name+”_”+i);
menu.className=i==cursel?”current_sidebar”:””;
con.style.display=i==cursel?”block”:”none”;
}
}

一段很代码,引注我就写不完,但功能去都很强。可以可以用的添加多个TAB,只需要在修改ID名就行。
我们看下实际:

如果我们要学会添加多个,也可以将纸上的one1改成two1,con_one_1改成con_two_1就行了,并且能很方便的
为你搜索结果添加多个TAB,还有我的浮窗。

运行效果请查询图中的链接:
http://leotheme.cn/css/abouttabs.html

文章链接:https://www.7zt.cn/2522.html
文章标题:关于Tab(选项卡)的一些实现方式
文章版权:柒主题 所发布的内容,部分为原创文章,转载请注明来源,网络转载文章如有侵权请联系我们!
本文最后更新发布于2022年11月18日 20时27分22秒,某些文章具有时效性,若有错误或已失效,请在下方留言或联系:21660010@qq.com
声明 本站上的部份代码及教程来源于互联网,仅供网友学习交流,若您喜欢本文可附上原文链接随意转载。无意侵害您的权益,请发送邮件至 柒主题 或点击右侧 私信:站长 反馈,我们将尽快处理。

给TA打赏
共{{data.count}}人
人已打赏
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索