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

模板:LyricsKai/hover/doc

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

简介

该模板是{{LyricsKai}}的衍生模板,实现当指针悬停于歌词上时改变歌词背景颜色。

参数

  • templatestyles:指定css样式,格式为<templatestyles src="path/to/your/styles.css" />,请访问Help:TemplateStyles了解更多内容。

本模板其他参数与{{LyricsKai}}相同。

用法

默认每行歌词与对应翻译在指针悬停时,一同改变背景色。

{{LyricsKai/hover
|original=
第一行歌词
第二行歌词
第三行歌词
|translated=
第一行翻译
第二行翻译
第三行翻译
}}

本段落中所使用的歌词,其著作权属于原著作权人,仅以介绍为目的引用。

第一行歌词
第一行翻译
第二行歌词
第二行翻译
第三行歌词
第三行翻译

若要使多行歌词同时改变背景色或不改变背景色,请使用如下标记,请注意,原文和翻译对应行所包含的标记应该相同,否则可能出现对齐问题。

  • #HoverWithNextLine表示这行歌词与下一行歌词一同改变背景色,可连续使用,如:
{{LyricsKai/hover
|original=
第一行歌词#HoverWithNextLine
第二行歌词#HoverWithNextLine
第三行歌词
|translated=
第一行翻译#HoverWithNextLine
标记放#HoverWithNextLine中间也是可以的
第三行翻译
}}

本段落中所使用的歌词,其著作权属于原著作权人,仅以介绍为目的引用。

第一行歌词
第一行翻译
第二行歌词
标记放中间也是可以的
第三行歌词
第三行翻译
  • #NoHover表示这行歌词在指针悬停不改变背景色,如:
{{LyricsKai/hover
|original=
第一行歌词
第二行歌词#NoHover
第三行歌词
|translated=
第一行翻译
标记放中间#NoHover也是可以的
第三行翻译
}}

本段落中所使用的歌词,其著作权属于原著作权人,仅以介绍为目的引用。

第一行歌词
第一行翻译
第二行歌词
标记放中间也是可以的
第三行歌词
第三行翻译

实际用例可以参考:我们存在的理由