Template:切换显示/doc/示例

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

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

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

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

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

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

第一段话：111

第二段话：222

第三段话：333

显示第一段话显示第一段话显示第二、三段话显示第二、三段话

第四段话：{{切换显示|HHH|444}}

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

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

第四段话：444

显示第四段话显示第四段话

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

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

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

第五段话：555

显示第五段话显示第五段话

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

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

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

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

第六段话：666

第七段话：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死于1年11月22日(1-11-22)（-2019岁）。

显示日期显示日期

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

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

一句作文：想了想，四宫辉夜还是决定睡服（shui fu）攻略（shui fu）说服（shuo fu）他……（以下省略三万字）

真相真相河蟹河蟹正确读音正确读音

第八段话：{{切换显示|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已经活了2023年零8个月零19日105年零8个月零19日4年零8个月零19日。

实际情况实际情况朋友说的朋友说的自己说的自己说的

{{切换显示|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

div1

div2

div3