Template:LyricsKai/hover

Template-info.svg 模板文档  [查看] [编辑] [历史] [刷新]

简介

该模板是{{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也是可以的
第三行翻译
}}
本段落中所使用的歌词,其著作权属于原著作权人,仅以介绍为目的引用。
第一行歌词
第一行翻译
第二行歌词
标记放中间也是可以的
第三行歌词
第三行翻译

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

返回顶部