查看“模板:导航选项卡”的源代码

<noinclude>用于实现可切换显示的多个导航盒</noinclude>
<includeonly>
<div class="tab-group tab-group-1" style="{{{style|}}}" {{#if:{{{id|}}}|id="{{{id|}}}"}}>{{#vardefine:active|0}}
<ul class="tab-nav tab-nav-1">{{#vardefine:tabcount|0}}{{#vardefine:currenttab|0}} <!-- 初始化变量 -->
{{#forargs:| k | v |{{#vardefine:tabcount|{{#expr:{{#var:tabcount}}+1}}}}}} <!-- 计算选项卡总数 -->
{{#forargs:| k | v |
{{#vardefine:currenttab|{{#expr:{{#var:currenttab}}+1}}}} <!-- 增加当前选项卡索引 -->
{{#switch:{{#var:k}}
 | id =<!-- 跳过有其他参数，只保留页签名字 -->
 | style =<!-- 跳过有其他参数，只保留页签名字 -->
 | 预设选项卡= <!-- 跳过有其他参数，只保留页签名字 -->
 | #default = <li class="tab-btn tab-btn-1 {{#ifeq:{{#var:k}}|{{{预设选项卡|}}}|active{{#vardefine:active|1}}}}">
    <a href="#{{{id|}}}-{{#var:k}}" data-toggle="tab">{{#var:k}}</a>
</li><!-- 如果当前不是最后一个选项卡，则添加“•”符号 -->
<!-- {{#ifexpr:{{#var:currenttab}} < {{#var:tabcount}} | <span style="font-size:18px;">•</span> }} 
 -->}}
}}
</ul>
<div class="tab-content">{{#vardefine:active|0}}
{{#forargs:| k | v |{{#if:{{#var:v}}|
{{#switch:{{#var:k}}
 | id =<!-- 跳过有其他参数，只保留页签名字 -->
 | style =<!-- 跳过有其他参数，只保留页签名字 -->
 | #default = <div class="tab-pane {{#ifeq:{{#var:k}}|{{{预设选项卡|}}}|active{{#vardefine:active|1}}}}" id="{{{id|}}}-{{#var:k}}">
{{#var:v}}
</div>}}
}}}}
</div>
</div>{{#if:{{#varexists:导航选项卡}} || {{#vardefine:导航选项卡 | 1 }}<bstyle>/*<pre>*/
.tab-nav-1{
    background-image: none;
    display: flex;
    gap:3px;
    margin: 0px 0px 4px 0px;
    flex-wrap: wrap;
	padding: 4px 0;
    justify-content: center;
}
.mediawiki #mw-content-text .tab-nav-1 ul{
    margin: 0;
}
.tab-btn-1{
	background-size: 100% 100%;
    background-image: none;
    display: inline-block;
    border-width:0;
    padding: 2px 0px;
    min-width: 5%;
    text-align: center;
	font-family: STKaiti, Kaiti SC, Kaiti, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, Arial, sans-serif;
	font-size:18px;
}
.tab-nav-1 >.active a{
    background-image: none!important;
    border-width: 0 0 3px 0;
	text-shadow: 0 0 4px black;
    color: rgb(255, 221, 136)!important; /* 将活跃选项的文字颜色设为黄色 */
}

.tab-btn-1 >a{
	color: white!important;
    background-image: none;
	text-decoration: none!important;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 4px;
}
.tab-btn-1 >a:hover {text-shadow: 0 0 4px white;}

.tab-content{
	padding: 0px 0;
}
.tab-pane{
    margin-top:0px;
}
@media (max-width: 800px){
.tab-btn-1{min-width: 80px;}
}
/*</pre>*/
</bstyle>}}</includeonly><noinclude>
{{导航选项卡
|id=11
|预设选项卡=选项1
|选项1={{导航盒|width={{{width|380px}}};{{{style|}}}
|主要页面 = {{点 | [[首页]] | [[九九八十一难]] | [[帮助:模板]] }}
|其他页面 = {{点 | [[首页]] | [[九九八十一难]] | [[帮助:模板]] }}
}}
|选项2={{导航盒|width={{{width|480px}}}{{{style|}}}
|主要页面 = {{点 | [[首页]] | [[九九八十一难]] | [[九九八十一难]] | [[帮助:模板]] }}
|次要页面 = {{点 | [[首页]] | [[九九八十一难]] | [[九九八十一难]] | [[帮助:模板]] }}
}}
|选项3={{导航盒|width={{{width|580px}}}{{{style|}}}
|主要页面 = {{点 | [[首页]] | [[九九八十一难]] | [[九九八十一难]] | [[九九八十一难]] | [[帮助:模板]] }}
|次要页面 = {{点 | [[首页]] | [[九九八十一难]] | [[九九八十一难]] | [[帮助:模板]] }}
|其他页面 = {{点 | [[首页]] | [[九九八十一难]] | [[帮助:模板]] }}
}}
}}



{{导航选项卡
|id=12
|预设选项卡=妖王
|小妖={{导航盒|width={{{width|620px}}};{{{style|}}}
|[[黑风山]]={{点| 狼斥候 | 狼剑客 | 狼校卫 | 狼力士 | 狼弓手 | 狼侍卫 | 狼刺客 | 小呱呱 | [[鸦香客]] {{clear}} [[山匪头子]] | 骨嶙峋 | 蛇巡司 | 小菌君 | 小人参精 }}
|[[黄风岭]]={{点| 鼠弩手 | 鼠校卫 | 鼠司空 | 鼠都尉 | 鼠禁卫 | 石磷磷 | 石苍苍 | 石双双 | [[骨灵精]] {{Clear}} [[骨悚然]] | 疾蝠 | 干尸 | 鼬侍郎 | 狸侍长 | 小灵芝精 }}
|[[小西天]]={{点| 支应僧 | 戒刀僧 | 提炉僧 | 迎客僧 | 监院僧 | 双刀僧 | 青蝠 | 雪僵尸 | [[巡山鬼]] {{Clear}} [[穿云鬼]] | 冻饿鬼 | 赤发鬼 | 掌灯狱使 | 夜叉奴 | 隼居士 | 狼护法 | 鳖宝 |[[雷长老]]{{Clear}}[[焦面鬼王]]| 泥塑金刚 | 地莲精 }}
|[[盘丝岭]]={{点| 巫山小妖 | 傀蛛士 | 儡蜱士 | 幽灯鬼 | 蜢虫精 | 蜻蜓精 | [[蚂蜂精]] {{Clear}} [[石蛛]] | 琴螂幼虫 | 利爪茧 | 蝎太子 | 御剑道士 | 拂尘道士 | 执杖道士 |[[虫校尉]]{{Clear}}[[蛇司药]]| 蛇捕头 | 虫羽士 | 青冉冉 }}
|[[火焰山]]={{点| 阴兵·力士 | 阴兵·弓手 | 阴兵·火牛 | 阴兵·焦尸 | 阴兵·黑脸鬼 | 焰蝠 | [[牛侍长]] {{Clear}} [[牛校卫]] | 牛力士 | 火烈烈 | 炎赫赫 | 火灵童子 | 行什 | 地罗刹 | 海罗刹 | [[火长老]] {{Clear}} [[牯都督]] }}
|[[花果山]]={{点| 鹰天兵 | 犬天兵 | 豺天兵 | 天将 }}
}}
|头目={{导航盒|width={{{width|620px}}}{{{style|}}}
|[[黑风山]]={{点 | 牯护院 | 广智 | 幽魂 | 广谋 | 波里个浪 }}
|[[黄风岭]]={{点 | 浪里个波 | 地狼 | 沙国王父子 | 沙大郎 | 石母 | 虎伥 | 百目真人 | [[疯虎]] {{clear}} [[“虎先锋”]] }}
|[[小西天]]={{点 | 魔将·莲眼 | 魔将·妄相 | 魔将·劫波 | 无量蝠 | 浪里个浪 | 老人参精 | 不白 | [[不净]] {{clear}} [[不能]] | 不空 | 海上僧 | 赤尻马猴 }}
|[[盘丝岭]]={{点 | 六妹 | 五妹 | 四姐 | 三姐 | 二姐 | 大姐 | 琴螂仙 | 百足虫 | 右手虫 | [[波里个波]] {{clear}} [[虫总兵]] | 靡道人 }}
|[[火焰山]]={{点 | 五行战车 | 石父 | 急如火·快如风 | 雾里云·云里雾 | 兴烘掀·掀烘兴 | [[燧统领]] {{clear}} [[燧先锋]] | 火灵元母 | 波浪浪 }}
|[[花果山]]={{点 | 石子 | 毒统领 | 水木兽 | 跳浪蛟 | 浪波波 | 金甲犀 | 步云鹿 | 凤翅将军 | 碧臂螂 }}
}}
|妖王={{导航盒|width={{{width|620px}}}{{{style|}}}
|[[黑风山]]={{点 | 灵虚子 | 黑风大王 | 黑熊精 | 金池长老 | 赤髯龙 }}
|[[黄风岭]]={{点 | 虎先锋 | 石先锋 | 石敢当 | 小骊龙 | 蝜蝂 | 黄风大圣 }}
|[[小西天]]={{点 | 亢金龙 | 亢金星君 | 魔将·妙音 | 青背龙 | 黄眉 }}
|[[盘丝岭]]={{点 | 紫蛛儿 | 小黄龙 | 毒敌大王 | 晦月魔君 | 百眼魔君 }}
|[[火焰山]]={{点 | 阴阳鱼 | 璧水金睛兽 | 红孩儿 | 夜叉王 }}
|[[花果山]]={{点 | 大石敢当 }}
}}

|人物={{导航盒|width={{{width|620px}}};{{{style|}}}
|[[黑风山]]={{点 | 黑风山土地| 通臂猿猴 | 白衣秀士 | 马天霸 | 袁守诚 | 申猴 }}
|[[黄风岭]]={{点 | 无头僧 | 戌狗 | 石中人 | 黄袍员外 | 灵吉菩萨 }}
|[[小西天]]={{点 | 小西天土地 | 小张太子 | 猪八戒 | 龟将 | 辰龙 | 寅虎 | 翠笠武师 | 弥勒 | 灵狐 }}
|[[盘丝岭]]={{点 | 黑手道人 | 鹤仙人 | 王灵官 | 红依 }}
|[[火焰山]]={{点 | 皓斧力士 | 萍萍 | 火焰山土地 | 铁扇公主 | 牛魔王 }}
|[[花果山]]={{点 | 二郎显圣真君 | 老猴子 | 大圣残躯 }}
}}

}}
</noinclude>