“模板:HoverInline”的版本间的差异
(创建页面,内容为“<includeonly><templatestyles src="Template:Hovers/hover.css" /><span class="hover-change" style="width:{{Ifnumber|{{#if:{{{width|}}}|{{{width}}}|no}}|{{{width}}}px|{…”) |
(没有差异)
|
2023年10月6日 (五) 23:32的最新版本
| 本页面之全部或部分原来自萌娘百科的模板:HoverInline,依 CC BY-NC-SA 3.0 CN 授权引入;原贡献者可以在这里看到。 |
本模板用于行内文字的hover切换效果。基于{{Hovers}}制作。
参数与实例
一共有7个参数,其中有两个是必须的。
| 参数名 | 是否必须 | 参数样式 | 参数示例 | 参数作用 |
|---|---|---|---|---|
before(1) |
是 | 任意 | 你看得到我 | 设置鼠标未放置于其上时显示的字符等 |
after(2) |
任意 | 现在你看不到 | 设置鼠标放置于其上时显示出的字符等 | |
align(3) |
否,默认为center |
left/right/center |
文字对齐方向 | |
expand(4) |
否,默认为before |
before/after |
如果Hover后的文字较长,这里填after,调整Hover宽度适应after文字的宽度
| |
css |
否,不指定则不更改任何内容 | 自定義 | 自定義樣式 | |
cssb |
否,不指定则不更改任何内容 | 自定義樣式 (hover-change-before 类) | ||
cssa |
否,不指定则不更改任何内容 | 自定義樣式 (hover-change-after 类) | ||
- 行/段落内文字显示指南:
- 相比{{TextHover}}节省了一个参数
tag。(滑稽) - 文字中的链接需要放置在内部而不是外部。
- 实例
哈哈哈{{HoverInline|{{color|blue|你看得到我}}|{{color|red|现在你看不到}}|expand=after}}吗?!
*哈哈哈{{HoverInline|{{color|blue|你看得到我}}|{{color|red|现在你看不到}}|expand=after}}吗?!
哈哈哈你看得到我现在你看不到吗?!
- 哈哈哈你看得到我现在你看不到吗?!