- 你好~!歡迎來到萌娘百科!如果您是第一次來到這裡,點這裡加入萌娘百科!
- 歡迎具有翻譯能力的同學~有意者請點→Category:需要翻譯的條目←
- 如果您在萌娘百科上發現某些內容錯誤/空缺,請勇於修正/添加!編輯萌娘百科其實很容易!
- 歡迎關注 萌娘百科各大平台官方帳號 ~
- 覺得萌娘百科有趣的話,請推薦給朋友哦~
- 萌娘百科新人/遊客群119170500歡迎加入,加入時請寫明【萌百用戶名或擬反饋內容】~
模板:LyricsKai/hover
簡介
該模板是{{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也是可以的 第三行翻譯 }}本段落中所使用的歌詞,其著作權屬於原著作權人,僅以介紹為目的引用。
第一行歌詞
第一行翻譯
第二行歌詞
標記放中間也是可以的
第三行歌詞
第三行翻譯
實際用例可以參考:我們存在的理由