模板:StyleToggle/switch

来自维阿百科
< 模板:StyleToggle
霓虹灯鱼讨论 | 贡献2023年10月7日 (六) 23:10的版本 (创建页面,内容为“<templatestyles src="styleToggle/style.css" />{{#vardefine:id|{{{1|styleToggle}}}}}<span class="styleToggleBtn" style="{{{css|{{{style|}}}}}}">{{切换显示按钮|{…”)
(差异) ←上一版本 | 最后版本 (差异) | 下一版本→ (差异)
跳转至: 导航搜索

-{}--{}--{}--{}-

Template-info.png 模板文档  [查看] [编辑] [历史] [刷新]

{{StyleToggle}}及{{StyleToggle/switch}}用于对整个页面或部分元素添加一个可开关的CSS属性,如color、opacity和transform等。

参见:鬼人正邪

用法

  1. {{StyleToggle/switch}}只有至多1个可选匿名参数1,用于指定id,但一个页面内只使用一个switch时可省略。
  2. {{StyleToggle}}的参数:
    • 必需匿名参数1,用于指定添加可开关的CSS属性的对象。
    • 可选匿名参数2,为off时初始状态不添加该指定CSS属性。
    • tag参数用于指定根元素标签,默认为div。
    • id参数用于指定对应{{StyleToggle/switch}}的id,一个页面内只使用一个switch时也可以省略。
    • 当前共可添加7类CSS属性(可多选),参数名分别对应color(类似{{ColorToggle}})、opacity(类似{{阿卡林}})、transform(可以模拟Widget:OhMyNeck等)、font-sizewidthfont-familydisplay(可以产生内容切换的效果)。需要其他属性的可自行在{{StyleToggle/style.css}}添加。
    • 如有其他不需要开关的常驻CSS属性,可以添加css参数。
  3. 使用参数display实际上是错误用法,在切换成可见时对应元素的样式为display: inline,即使是<div><table>等也不例外。

示例

更为复杂的示例参见 鬼人正邪 页面,这里仅给出一个简单的用法。

=== {{StyleToggle|color={{llcc|果}}|特别的应援、橙色的海洋|off|tag=span}} ===
{{StyleToggle/switch}}

{{StyleToggle|color={{llcc|果}}|2=off|1='''Snow halation'''的LIVE应援被公认为最有特色的应援之一,该曲也成为LLer表达信仰的曲目。

LIVE前段整场观众以及弹幕会以银白色(表示雪花)来应援,各类弹幕网站的视频中则会出现滚动的'''雪花弹幕'''。

在歌曲第二段(PV中段部分),{{llcoloredlink|高坂穗乃果}}唱出{{llcolor|果|“'''{{lj|-{届けて 切なさには}-}}'''(传达出去吧 将这份悲伤的心情)”}}时背景会变为高坂穗乃果的代表色橙色。同时在弹幕里,大家会开始刷'''{{llcoloredlink|果|如果奇迹有颜色,那一定是橙色|“如果奇迹有颜色,那一定是橙色!”}}'''{{黑幕|不过不知道为什么,通常弹幕的变色时间点都提前,甚至还有提前试色的,这可不行!}}

在LIVE现场,观众们会拿出UO(高亮度橙色)荧光棒,一秒换色来应援高坂穗乃果。观众们都会完美的再现动画中的情景,令人动容。

根据PV和现场LIVE来看,当'''高坂穗乃果'''solo段开始前,其他成员闭眼举手做聆听状。因此只有高坂穗乃果'''一个人'''能够看到整个换色过程。
}}

特别的应援、橙色的海洋

-{}--{}--{}--{}-

Snow halation的LIVE应援被公认为最有特色的应援之一,该曲也成为LLer表达信仰的曲目。

LIVE前段整场观众以及弹幕会以银白色(表示雪花)来应援,各类弹幕网站的视频中则会出现滚动的雪花弹幕

在歌曲第二段(PV中段部分),高坂穗乃果唱出届けて 切なさには(传达出去吧 将这份悲伤的心情)”时背景会变为高坂穗乃果的代表色橙色。同时在弹幕里,大家会开始刷“如果奇迹有颜色,那一定是橙色!”不过不知道为什么,通常弹幕的变色时间点都提前,甚至还有提前试色的,这可不行!

在LIVE现场,观众们会拿出UO(高亮度橙色)荧光棒,一秒换色来应援高坂穗乃果。观众们都会完美的再现动画中的情景,令人动容。

根据PV和现场LIVE来看,当高坂穗乃果solo段开始前,其他成员闭眼举手做聆听状。因此只有高坂穗乃果一个人能够看到整个换色过程。

特殊用法

{{StyleToggle/打字}}可以产生类似打字的效果。共有3个匿名参数,参数1对应文字内容,参数2(可选)为打字间隔(单位:秒),参数3(可选)可为文字添加渐入效果(单位:秒)。

原创小说

-{}--{}--{}--{}- 和马打字机开始工作