查看“︁模板:抖动”︁的源代码

<includeonly><templatestyles src="抖动/styles.css" />{{#invoke:抖动|main|内容={{{内容|{{{1|}}}}}}|模式={{{模式|}}}|逐字={{{逐字|}}}|速度={{{速度|}}}|延迟={{{延迟|}}}|平移幅度={{{平移幅度|}}}|平移速度={{{平移速度|}}}|平移延迟={{{平移延迟|}}}|旋转角度={{{旋转角度|}}}|旋转速度={{{旋转速度|}}}|旋转延迟={{{旋转延迟|}}}|跳动高度={{{跳动高度|}}}|跳动速度={{{跳动速度|}}}|跳动延迟={{{跳动延迟|}}}|摇摆角度={{{摇摆角度|}}}|摇摆速度={{{摇摆速度|}}}|摇摆延迟={{{摇摆延迟|}}}|颤抖幅度={{{颤抖幅度|}}}|颤抖角度={{{颤抖角度|}}}|颤抖速度={{{颤抖速度|}}}|颤抖延迟={{{颤抖延迟|}}}|缩放倍数={{{缩放倍数|}}}|缩放速度={{{缩放速度|}}}|缩放延迟={{{缩放延迟|}}}}}</includeonly><noinclude>
'''模板:抖动''' 让指定文字产生抖动效果。它提供 6 种抖动模式，支持逐字或整段两种方式，并可将多种模式叠加，默认为行内元素。

'''本模板会降低文本的可读性，请谨慎使用本模板。'''

== 快速使用 ==

=== 基础使用方法 ===
<code><nowiki>{{抖动|内容=林泊百科}}</nowiki></code>

{{抖动|内容=林泊百科}}

使用任何模式参数时，默认使用 <code>颤抖 · 幅度 0.09em · 角度 6° · 整段</code>。

=== 基础模式参数使用 ===
指定抖动模式：

<code><nowiki>{{抖动|内容=林泊百科|模式=旋转}}</nowiki></code>

{{抖动|内容=林泊百科|模式=旋转}}

指定抖动对待多文本时的处理模式：

<code><nowiki>{{抖动|内容=林泊百科|逐字=是}}</nowiki></code>

{{抖动|内容=林泊百科|逐字=是}}

== 参数总览 ==
以下为模板的全部参数及其'''程序内置默认值'''。模式专属参数只在对应模式被启用时生效。

{| class="wikitable"
! 参数 !! 作用模式 !! 默认值 !! 说明
|-
| colspan="4" style="background:#e6f2ff" | '''全局参数'''
|-
| <code>内容</code> || 全局 || 空（必填） || 要抖动的文字；也可作为第 1 个匿名参数传入
|-
| <code>模式</code> || 全局 || 颤抖 || 选择抖动模式：<code>平移/旋转/跳动/摇摆/颤抖/缩放</code>；多个用 <code>+</code> 连接叠加
|-
| <code>逐字</code> || 全局 || 否 || 设为 <code>是</code> 时逐字独立错位抖动
|-
| <code>速度</code> || 全局 || 各模式自带周期<br>（平移 0.5s / 旋转 0.6s / 跳动 0.7s / 摇摆 0.8s / 颤抖 0.18s / 缩放 0.8s） || 所有模式的动画周期（秒），越小越快；可被模式专属速度覆盖
|-
| <code>延迟</code> || 全局 || 0 || 动画开始前的延迟（秒）；可被模式专属延迟覆盖
|-
| colspan="4" style="background:#e6f2ff" | '''平移（单位：em）'''
|-
| <code>平移幅度</code> || 平移 || 0.11 || 水平位移幅度，填写纯数字，单位固定为 <code>em</code>
|-
| <code>平移速度</code> || 平移 || 继承全局 <code>速度</code>；否则 0.5s || 平移层动画周期（秒），覆盖全局 <code>速度</code>
|-
| <code>平移延迟</code> || 平移 || 继承全局 <code>延迟</code>；否则 0 || 平移层延迟（秒），覆盖全局 <code>延迟</code>
|-
| colspan="4" style="background:#e6f2ff" | '''旋转（单位：deg）'''
|-
| <code>旋转角度</code> || 旋转 || 9 || 旋转角度，填写纯数字，单位固定为 <code>deg</code>
|-
| <code>旋转速度</code> || 旋转 || 继承全局 <code>速度</code>；否则 0.6s || 旋转层动画周期（秒）
|-
| <code>旋转延迟</code> || 旋转 || 继承全局 <code>延迟</code>；否则 0 || 旋转层延迟（秒）
|-
| colspan="4" style="background:#e6f2ff" | '''跳动（单位：em）'''
|-
| <code>跳动高度</code> || 跳动 || 0.17 || 向上跳动高度，填写纯数字，单位固定为 <code>em</code>
|-
| <code>跳动速度</code> || 跳动 || 继承全局 <code>速度</code>；否则 0.7s || 跳动层动画周期（秒）
|-
| <code>跳动延迟</code> || 跳动 || 继承全局 <code>延迟</code>；否则 0 || 跳动层延迟（秒）
|-
| colspan="4" style="background:#e6f2ff" | '''摇摆（单位：deg）'''
|-
| <code>摇摆角度</code> || 摇摆 || 9 || 摇摆角度，填写纯数字，单位固定为 <code>deg</code>
|-
| <code>摇摆速度</code> || 摇摆 || 继承全局 <code>速度</code>；否则 0.8s || 摇摆层动画周期（秒）
|-
| <code>摇摆延迟</code> || 摇摆 || 继承全局 <code>延迟</code>；否则 0 || 摇摆层延迟（秒）
|-
| colspan="4" style="background:#e6f2ff" | '''颤抖（位移单位：em；角度单位：deg）'''
|-
| <code>颤抖幅度</code> || 颤抖 || 0.09 || 颤抖位移幅度，填写纯数字，单位固定为 <code>em</code>
|-
| <code>颤抖角度</code> || 颤抖 || 6 || 颤抖旋转角度，填写纯数字，单位固定为 <code>deg</code>
|-
| <code>颤抖速度</code> || 颤抖 || 继承全局 <code>速度</code>；否则 0.18s || 颤抖层动画周期（秒）
|-
| <code>颤抖延迟</code> || 颤抖 || 继承全局 <code>延迟</code>；否则 0 || 颤抖层延迟（秒）
|-
| colspan="4" style="background:#e6f2ff" | '''缩放（倍数，无单位）'''
|-
| <code>缩放倍数</code> || 缩放 || 1.1 || 缩放倍数，填写纯数字，无单位
|-
| <code>缩放速度</code> || 缩放 || 继承全局 <code>速度</code>；否则 0.8s || 缩放层动画周期（秒）
|-
| <code>缩放延迟</code> || 缩放 || 继承全局 <code>延迟</code>；否则 0 || 缩放层延迟（秒）
|}

== 功能详解 ==

=== 抖动模式 ===

通过 <code>模式</code> 参数选择抖动方式。以下为本模板支持的六种模式及其幅度参数：

{| class="wikitable"
! 模式 !! 幅度参数 !! 默认效果
|-
| 平移 || <code>平移幅度</code> || {{抖动|内容=林泊百科|模式=平移}}
|-
| 旋转 || <code>旋转角度</code> || {{抖动|内容=林泊百科|模式=旋转}}
|-
| 跳动 || <code>跳动高度</code> || {{抖动|内容=林泊百科|模式=跳动}}
|-
| 摇摆 || <code>摇摆角度</code> || {{抖动|内容=林泊百科|模式=摇摆}}
|-
| 颤抖 || <code>颤抖幅度</code> + <code>颤抖角度</code> || {{抖动|内容=林泊百科|模式=颤抖}}
|-
| 缩放 || <code>缩放倍数</code> || {{抖动|内容=林泊百科|模式=缩放}}
|}

=== 幅度数值 ===

每种模式的幅度参数直接填写'''纯数字'''即可，单位由模板固定，无需（也不应）在数字后加单位：

* 位移类（平移 / 跳动 / 颤抖位移）：单位固定为 <code>em</code>，如 <code>平移幅度=0.05</code> 表示左右各移动 <code>0.05em</code>
* 角度类（旋转 / 摇摆 / 颤抖角度）：单位固定为 <code>deg</code>，如 <code>旋转角度=15</code> 表示在 ±15° 之间摆动
* 缩放倍数：无单位，如 <code>缩放倍数=1.2</code> 表示放大到 1.2 倍

幅度示例：

<code><nowiki>{{抖动|内容=轻|模式=颤抖|颤抖幅度=0.03|颤抖角度=2}}　{{抖动|内容=中|模式=颤抖|颤抖幅度=0.09|颤抖角度=6}}　{{抖动|内容=重|模式=颤抖|颤抖幅度=0.2|颤抖角度=12}}</nowiki></code>

{{抖动|内容=轻|模式=颤抖|颤抖幅度=0.03|颤抖角度=2}}　{{抖动|内容=中|模式=颤抖|颤抖幅度=0.09|颤抖角度=6}}　{{抖动|内容=重|模式=颤抖|颤抖幅度=0.2|颤抖角度=12}}

=== 逐字与整段 ===

* <code>整段</code>：整段文字作为一个整体抖动，支持 wikitext。此为默认模式
* <code>逐字</code>：添加 <code>逐字=是</code>，每个字独立错位、方向各异。不支持 wikitext，仅支持纯文本。

<code><nowiki>{{抖动|内容=林泊百科}}　（整段）　{{抖动|内容=林泊百科|逐字=是}}　（逐字）</nowiki></code>

{{抖动|内容=林泊百科}}　（整段）　{{抖动|内容=林泊百科|逐字=是}}　（逐字）

=== 速度与延迟 ===

* <code>速度</code> —— 动画周期（秒），数值越小越快。
* <code>延迟</code> —— 动画开始前的延迟（秒），一般用于同页面中多个实例实现非同步抖动。

速度示例：

<code><nowiki>{{抖动|内容=快|模式=颤抖|颤抖幅度=0.09|颤抖角度=6|速度=0.12}}　{{抖动|内容=中|模式=颤抖|颤抖幅度=0.09|颤抖角度=6|速度=0.3}}　{{抖动|内容=慢|模式=颤抖|颤抖幅度=0.09|颤抖角度=6|速度=0.8}}</nowiki></code>

{{抖动|内容=快|模式=颤抖|颤抖幅度=0.09|颤抖角度=6|速度=0.12}}　{{抖动|内容=中|模式=颤抖|颤抖幅度=0.09|颤抖角度=6|速度=0.3}}　{{抖动|内容=慢|模式=颤抖|颤抖幅度=0.09|颤抖角度=6|速度=0.8}}

延迟示例：

<code><nowiki>{{抖动|内容=A|模式=跳动|跳动高度=0.2|延迟=0}}　{{抖动|内容=B|模式=跳动|跳动高度=0.2|延迟=0.3}}　{{抖动|内容=C|模式=跳动|跳动高度=0.2|延迟=0.6}}</nowiki></code>

{{抖动|内容=A|模式=跳动|跳动高度=0.2|延迟=0}}　{{抖动|内容=B|模式=跳动|跳动高度=0.2|延迟=0.3}}　{{抖动|内容=C|模式=跳动|跳动高度=0.2|延迟=0.6}}

=== 模式叠加 ===

使用 <code>+</code> 在<code>模式</code>参数内容中连接多个模式即可实现模式叠加，叠加时各层可独立设置对应模式参数：

<code><nowiki>{{抖动|内容=林泊百科|模式=平移+旋转+跳动|平移幅度=0.05|旋转角度=10|跳动高度=0.25}}</nowiki></code>

{{抖动|内容=林泊百科|模式=平移+旋转+跳动|平移幅度=0.05|旋转角度=10|跳动高度=0.25}}

== 更多示例 ==

=== 幅度递增效果展示 ===

<code><nowiki>{{抖动|内容=轻|模式=颤抖|颤抖幅度=0.03|颤抖角度=2}}　{{抖动|内容=中|模式=颤抖|颤抖幅度=0.09|颤抖角度=6}}　{{抖动|内容=重|模式=颤抖|颤抖幅度=0.2|颤抖角度=12}}</nowiki></code>

{{抖动|内容=轻|模式=颤抖|颤抖幅度=0.03|颤抖角度=2}}　{{抖动|内容=中|模式=颤抖|颤抖幅度=0.09|颤抖角度=6}}　{{抖动|内容=重|模式=颤抖|颤抖幅度=0.2|颤抖角度=12}}

=== 不同模式叠加示例 ===

逐字 + 旋转：

<code><nowiki>{{抖动|内容=林泊百科|模式=旋转|旋转角度=15|逐字=是}}</nowiki></code>

{{抖动|内容=林泊百科|模式=旋转|旋转角度=15|逐字=是}}

颤抖 + 缩放：

<code><nowiki>{{抖动|内容=林泊百科|模式=颤抖+缩放|颤抖幅度=0.09|颤抖角度=6|缩放倍数=1.2}}</nowiki></code>

{{抖动|内容=林泊百科|模式=颤抖+缩放|颤抖幅度=0.09|颤抖角度=6|缩放倍数=1.2}}

=== 文本流使用示例 ===

行内使用：

这句话里 {{抖动|内容=这几个字在抖|模式=颤抖}}，其余文字保持静止。

wikitext使用：

<pre>
{{抖动|内容=[[首页]]|模式=旋转|旋转角度=9}}
{{抖动|内容='''加粗文字'''|模式=平移|平移幅度=0.11}}
{{抖动|内容=<span style="color:red">红色文字</span>|模式=颤抖|颤抖幅度=0.09|颤抖角度=6}}
</pre>

<poem>
{{抖动|内容=[[首页]]|模式=旋转|旋转角度=9}}
{{抖动|内容='''加粗文字'''|模式=平移|平移幅度=0.11}}
{{抖动|内容=<span style="color:red">红色文字</span>|模式=颤抖|颤抖幅度=0.09|颤抖角度=6}}
</poem>

== 注意事项 ==

* 逐字模式仅支持纯文本；如需使用任何 wikitext，请使用整段模式。
* 本模板会降低文本可读性，请谨慎使用。
* 若系统设置了“减少动态效果”，动画会自动关闭。
* 同一页面中，本模板的各非嵌套实例互不影响。
* 如不设置<code>延迟</code>参数，页面中使用相同模板参数的实例将会同步运动。设置延迟参数时，若非特殊需要，不建议将延迟参数设为周期参数的倍数。

</noinclude>