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

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

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

== 快速使用 ==

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

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

未使用任何模式参数时，默认使用 <code>颤抖 · 档位 5 · 整段</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> 时逐字独立错位抖动（仅支持纯文本，不支持wikitext）
|-
| <code>速度</code> || 全局 || 各模式自带 || 所有模式的动画周期（秒），越小越快；可被模式专属速度覆盖
|-
| <code>延迟</code> || 全局 || 0 || 动画开始前的延迟（秒）；可被模式专属延迟覆盖
|-
| colspan="4" style="background:#e6f2ff" | '''平移'''
|-
| <code>平移幅度</code> || 平移 || 5 || 平移强度（档位 1–10）
|-
| <code>平移速度</code> || 平移 || — || 平移层动画周期（秒），覆盖全局 <code>速度</code>
|-
| <code>平移延迟</code> || 平移 || — || 平移层延迟（秒），覆盖全局 <code>延迟</code>
|-
| colspan="4" style="background:#e6f2ff" | '''旋转'''
|-
| <code>旋转角度</code> || 旋转 || 5 || 旋转强度（档位 1–10）
|-
| <code>旋转速度</code> || 旋转 || — || 旋转层动画周期（秒）
|-
| <code>旋转延迟</code> || 旋转 || — || 旋转层延迟（秒）
|-
| colspan="4" style="background:#e6f2ff" | '''跳动'''
|-
| <code>跳动高度</code> || 跳动 || 5 || 跳动强度（档位 1–10）
|-
| <code>跳动速度</code> || 跳动 || — || 跳动层动画周期（秒）
|-
| <code>跳动延迟</code> || 跳动 || — || 跳动层延迟（秒）
|-
| colspan="4" style="background:#e6f2ff" | '''摇摆'''
|-
| <code>摇摆角度</code> || 摇摆 || 5 || 摇摆强度（档位 1–10）
|-
| <code>摇摆速度</code> || 摇摆 || — || 摇摆层动画周期（秒）
|-
| <code>摇摆延迟</code> || 摇摆 || — || 摇摆层延迟（秒）
|-
| colspan="4" style="background:#e6f2ff" | '''颤抖'''
|-
| <code>颤抖幅度</code> || 颤抖 || 5 || 颤抖强度（档位 1–10）
|-
| <code>颤抖速度</code> || 颤抖 || — || 颤抖层动画周期（秒）
|-
| <code>颤抖延迟</code> || 颤抖 || — || 颤抖层延迟（秒）
|-
| colspan="4" style="background:#e6f2ff" | '''缩放'''
|-
| <code>缩放倍数</code> || 缩放 || 5 || 缩放强度（档位 1–10）
|-
| <code>缩放速度</code> || 缩放 || — || 缩放层动画周期（秒）
|-
| <code>缩放延迟</code> || 缩放 || — || 缩放层延迟（秒）
|}

== 功能详解 ==

=== 抖动模式 ===

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

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

=== 强度档位 ===
每种模式都有 1–10 档强度，默认为5。为适配不同环境下的呈现效果，位移类模式使用 <code>em</code> 单位。<br>
本模板同时支持以下中文档位名：微小、小、中、大、特大、巨大，对应 1、2、4、6、8、10。

{| class="wikitable" style="text-align:center;"
|+ 各模式档位对照表
! 档位 !! 平移 !! 旋转/摇摆 !! 跳动 !! 颤抖（位移/角度） !! 缩放
|-
| 1 || ±0.02em || ±1.5° || −0.03em || 0.015em / 0.8° || 1.02×
|-
| 2 || ±0.035em || ±3° || −0.05em || 0.025em / 1.5° || 1.035×
|-
| 3 || ±0.05em || ±4.5° || −0.08em || 0.04em / 2.5° || 1.05×
|-
| 4 || ±0.075em || ±6.5° || −0.12em || 0.06em / 4° || 1.07×
|-
| '''5''' || '''±0.11em''' || '''±9°''' || '''−0.17em''' || '''0.09em / 6°''' || '''1.1×'''
|-
| 6 || ±0.15em || ±12° || −0.23em || 0.12em / 8° || 1.14×
|-
| 7 || ±0.2em || ±16° || −0.3em || 0.16em / 11° || 1.18×
|-
| 8 || ±0.28em || ±21° || −0.4em || 0.22em / 15° || 1.24×
|-
| 9 || ±0.38em || ±27° || −0.55em || 0.3em / 20° || 1.3×
|-
| 10 || ±0.5em || ±35° || −0.75em || 0.4em / 27° || 1.38×
|}

档位写法示例：

<code><nowiki>{{抖动|内容=轻|颤抖幅度=1}}　{{抖动|内容=中|颤抖幅度=5}}　{{抖动|内容=重|颤抖幅度=10}}</nowiki></code>

{{抖动|内容=轻|颤抖幅度=1}}　{{抖动|内容=中|颤抖幅度=5}}　{{抖动|内容=重|颤抖幅度=10}}

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

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

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


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

速度示例：

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

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

延迟示例：

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

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

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

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

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

== 更多示例 ==

=== 档位递增效果展示 ===

<code><nowiki>{{抖动|内容=1|颤抖幅度=1}}  {{抖动|内容=3|颤抖幅度=3}}  {{抖动|内容=5|颤抖幅度=5}}  {{抖动|内容=7|颤抖幅度=7}}  {{抖动|内容=10|颤抖幅度=10}}</nowiki></code>

{{抖动|内容=1|颤抖幅度=1}}　{{抖动|内容=3|颤抖幅度=3}}　{{抖动|内容=5|颤抖幅度=5}}　{{抖动|内容=7|颤抖幅度=7}}　{{抖动|内容=10|颤抖幅度=10}}

=== 不同模式叠加示例 ===
逐字 + 旋转：

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

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

颤抖 + 缩放：

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

{{抖动|内容=林泊百科|模式=颤抖+缩放|颤抖幅度=5|缩放倍数=7}}

=== 文本流使用示例 ===
行内使用：

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

wikitext使用：

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

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

== 注意事项 ==

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

</noinclude>