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

模板:HoverInline

萌娘百科,萬物皆可萌的百科全書!轉載請標註來源頁面的網頁連結,並聲明引自萌娘百科。內容不可商用。
跳至導覽 跳至搜尋
Template-info.svg 模板文檔  [查看] [編輯] [歷史] [刷新]

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

哈哈哈你看得到我現在你看不到嗎?!

  • 哈哈哈你看得到我現在你看不到嗎?!

相關模板