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

模板:LyricsKai/colors/hover

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

簡介

該模板是{{LyricsKai/colors}}的衍生模板,實現當指針懸停於歌詞上時改變歌詞背景顏色,可以用來處理包含歌割り各唱各的的歌詞,推薦與{{Utawari}}一同使用。

參數

  • templatestyles:指定css樣式,格式為<templatestyles src="path/to/your/styles.css" />,請訪問Help:TemplateStyles了解更多內容。

本模板其他參數與{{LyricsKai/colors}}相同。

用法

默認每行歌詞與對應翻譯在指針懸停時,一同改變背景色。

{{LyricsKai/colors/hover
|original=
第一行歌词
第二行歌词
第三行歌词
|translated=
第一行翻译
第二行翻译
第三行翻译
}}
本段落中所使用的歌詞,其著作權屬於原著作權人,僅以介紹為目的引用。
第一行歌词
第一行翻譯
第二行歌词
第二行翻譯
第三行歌词
第三行翻譯

若要使多行歌詞同時改變背景色或不改變背景色,請使用如下標記,請注意,原文和翻譯對應行所包含的標記應該相同,否則可能出現對齊問題。

  • #HoverWithNextLine表示這行歌詞與下一行歌詞一同改變背景色,可連續使用,如:
{{LyricsKai/colors/hover
|original=
第一行歌词#HoverWithNextLine
第二行歌词#HoverWithNextLine
第三行歌词
|translated=
第一行翻译#HoverWithNextLine
标记放#HoverWithNextLine中间也是可以的
第三行翻译
}}
本段落中所使用的歌詞,其著作權屬於原著作權人,僅以介紹為目的引用。
第一行歌词
第一行翻譯
第二行歌词
標記放中間也是可以的
第三行歌词
第三行翻譯
  • #NoHover表示這行歌詞在指針懸停不改變背景色,如:
{{LyricsKai/colors/hover
|original=
第一行歌词
第二行歌词#NoHover
第三行歌词
|translated=
第一行翻译
标记放中间#NoHover也是可以的
第三行翻译
}}
本段落中所使用的歌詞,其著作權屬於原著作權人,僅以介紹為目的引用。
第一行歌词
第一行翻譯
第二行歌词
標記放中間也是可以的
第三行歌词
第三行翻譯

實際用例可以參考:我們存在的理由