2023年政策修订增补工作正在进行中,欢迎参与!
  • Moegirl.ICU:萌娘百科流亡社群 581077156(QQ),欢迎对萌娘百科运营感到失望的编辑者加入
  • Moegirl.ICU:账号认领正在试运行,有意者请参照账号认领流程

Template:切换显示/doc/示例

萌娘百科,万物皆可萌的百科全书!转载请标注来源页面的网页链接,并声明引自萌娘百科。内容不可商用。
跳转到导航 跳转到搜索

本示例包含了切换显示系列模板几乎所有可能出现的情况,你可以将示例与源代码进行对比学习。

第一段话:{{切换显示|啦啦啦|111}}

第二段话:{{切换显示|bla|222}}

第三段话:{{切换显示|bla|333}}

{{切换显示样式|啦啦啦=color: red; font-weight: 700;}}

{{切换显示按钮
|@default=啦啦啦
|啦啦啦=显示第一段话
|bla=[[File:Moegirl is watching you.jpg|100px]]显示第二、三段话
}}

第一段话:

第二段话:

第三段话:

显示第一段话显示第一段话Moegirl is watching you.jpg显示第二、三段话Moegirl is watching you.jpg显示第二、三段话
第四段话:{{切换显示|HHH|444}}

{{切换显示样式|HHH=color: blue; font-weight: 700;}}

{{切换显示按钮
|@reverse=任意不为空的内容
|HHH=显示第四段话
}}

第四段话:

显示第四段话显示第四段话
第五段话:{{切换显示|aaa|555}}

{{切换显示按钮样式|aaa@on=border-color:green}}

{{切换显示按钮
|@radio=任意不为空的内容
|aaa=显示第五段话
}}

第五段话:

显示第五段话显示第五段话
第六段话:{{切换显示|mi苏TA|666}}

{{切换显示按钮样式|mi苏TA=border-color:red}}

第七段话:{{切换显示|uzi|UZI彳亍}}

{{切换显示按钮样式|uzi@off=border-color:blue}}
{{切换显示按钮
|@default=mi苏TA
|@radio=任意不为空的内容
|@reverse=任意不为空的内容
|mi苏TA=显示第六段话
|uzi=显示第七段话
}}

第六段话:

第七段话:

显示第六段话显示第六段话显示第七段话显示第七段话
你的属性:{{切换显示|roma|精罗}} {{切换显示|cccp|精苏}} {{切换显示|mata川|懒狗}}

{{切换显示样式
|roma=color: blue; font-weight: 700;
|cccp=color: red; font-weight: 700; 
|mata川=color: rgb(77, 77, 77); font-weight: 700;
}}

{{切换显示按钮
|roma=君士坦丁堡
|cccp=斯大林格勒
|mata川=6324
}}

你的属性:

君士坦丁堡君士坦丁堡斯大林格勒斯大林格勒63246324
TA死于{{切换显示/模板|@=Death date and age|1=1|2=11|3=22|4@y=2020|5=1|6=7}}。

{{切换显示按钮
|y=显示日期
}}

TA死于

显示日期显示日期
一句作文:想了想,[[四宫辉夜]]还是决定{{切换显示/模板|@=ruby
|1=说服
|2=shui fu
|1@b1=睡服
|1@b2=攻略
|2@b3=shuo fu
}}他……{{黑幕|(以下省略三万字)}}

{{切换显示按钮
|@radio=yes
|@default=b3
|b1=真相
|b2=河蟹
|b3=正确读音}}

一句作文:想了想,四宫辉夜还是决定他……(以下省略三万字)

真相真相河蟹河蟹正确读音正确读音
第八段话:{{切换显示|qqq|前前前}}
第九段话:{{切换显示|ooo|后后后}}

{{切换显示样式|qqq=color: green;|ooo=color: pink;}}

{{切换显示按钮
|qqq=我在前
|ooo=我在后
}}

第八段话: 第九段话:

我在前我在前我在后我在后
第十段话:{{切换显示|sss|上上上}}

第十一段话:{{切换显示|xxx|下下下}}

{{切换显示样式|sss=color: purple;|xxx=color: orange;}}

{{切换显示按钮
|@radio=anything
|sss=我在上
|xxx=我在下
}}

第十段话:

第十一段话:

我在上我在上我在下我在下
TA已经活了{{切换显示/模板|@=For year month day|month=1|day=21|year@己=1|year@朋=1919|year@实=2020}}。

{{切换显示按钮
|@radio=yes
|@default=己
|实=实际情况
|朋=朋友说的
|己=自己说的
}}

TA已经活了

实际情况实际情况朋友说的朋友说的自己说的自己说的
{{切换显示|x|写轮眼}}

{{切换显示按钮样式|x@on=color:red;font-weight:bold;border-color:red;}}

{{切换显示按钮
|x@on=写轮眼开启
|x@off=写轮眼关闭
}}

写轮眼开启写轮眼关闭
{{切换显示|sy|太好了!}}{{切换显示|ys|太好了!}}

{{切换显示样式|sy=color:red;|ys=color:orange;}}

{{切换显示按钮样式|sy@on=color:red;font-weight:bold;border-color:red;|ys@on=color:orange;font-weight:bold;border-color:orange;}}

{{切换显示按钮
|@radio=yes
|sy@on=我赢了!
|sy@off=我输了~
|ys@on=我赢了!
|ys@off=我输了~
}}

我赢了!我输了~我赢了!我输了~
这就是精彩片段?{{切换显示|civia|确实是精彩片段。}}

{{切换显示按钮样式|civia@off=color:#00BFFF;font-weight:bold;border-color:#00BFFF;|civia@on=opacity:0.5;border-left-width:1px;color:grey;border-color:grey;}}

{{切换显示按钮
|@reverse=yes
|civia@off=精彩片段
|civia@on=精彩片段已关闭
|@default=civia
}}

这就是精彩片段?

精彩片段已关闭精彩片段
{{切换显示|1|找精彩内容恰不到人好惨。}}

{{切换显示|2|到处宣传没人听。}}

{{切换显示|3|自己干。}}

{{切换显示样式|1=color:#FF43DD;|2=color:#DD4532;|3=color:#675532;}}

{{切换显示按钮样式|1@off=color:#FF43DD;|2@off=color:#DD4532;|3@off=color:#675532;}}

{{切换显示按钮
|@reverse=yes
|@radio=yes
|1@on=你怎么啦?
|1@off=我明白了。
|2@on=为什么?
|2@off=我知道了。
|3@on=那咋办?
|3@off=祝你好运。
}}

你怎么啦?我明白了。为什么?我知道了。那咋办?祝你好运。
第十二段话:{{切换显示|red|小小小勾}}

第十三段话:{{切换显示|big|大大大勾}}

第十四段话:{{切换显示|green|大大大点}}

第十五段话:{{切换显示|small|小小小点}}

{{切换显示样式|red=color:red;font-weight:bold;|green=color:green;font-weight:bold;}}

{{切换显示按钮样式|red@input=width:8px;height:8px;|green@input=width:20px;height:20px;|big@input=width:20px;height:20px;|small@input=width:8px;height:8px;}}

{{切换显示按钮
|red=这对勾真小
|big=这对勾真大
}}

{{切换显示按钮
|@radio=yes
|green=这圆点真大
|small=这圆点真小
}}

第十二段话:

第十三段话:

第十四段话:

第十五段话:

这对勾真小这对勾真小这对勾真大这对勾真大

这圆点真大这圆点真大这圆点真小这圆点真小


你可以将单一按钮绑定到多个对象上:
{{切换显示按钮
|div1=显示div1
|div2=显示div2
|div3=显示div3
|div1$div2=显示div1、div2
|div2$div3=显示div3、div3
|div1$div3=显示div1、div3
|div1$div2$div3=显示div1、div2、div3
}}
{{切换显示|div1|
div1<nowiki/>
|div}}{{切换显示|div2|
div2<nowiki/>
|div}}{{切换显示|div3|
div3<nowiki/>
|div}}

显示div1显示div1显示div2显示div2显示div3显示div3显示div1、div2显示div1、div2显示div2、div3显示div2、div3显示div1、div3显示div1、div3显示div1、div2、div3显示div1、div2、div3