置顶公告:【置顶】关于临时开启评论区所有功能的公告(2022.10.22) | 【置顶】关于本站Widget恢复使用的公告
  • 你好~!欢迎来到萌娘百科镜像站!如需查看或编辑,请联系本站管理员注册账号。
  • 本镜像站和其他萌娘百科的镜像站无关,请注意分别。

模板:切換顯示/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