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

模板:HoverInline/doc

来自萌娘百科
跳到导航 跳到搜索

本模板用于行内文字的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}}吗?!

哈哈哈你看得到我现在你看不到吗?!

  • 哈哈哈你看得到我现在你看不到吗?!

相关模板