User:Grandom/Hover-tp

文档  

这个文档嵌入自User:Grandom/Hover-tp/doc。

简介

• 本模板用于在导航类模板中模拟简单的按钮效果内链。
• 根据所使用参数的不同，分为单按钮和注释按钮两种样式；在不同状态下表现为普通、悬停和在页面三种效果。

• 普通状态：鼠标不在按钮上；
• 悬停状态：鼠标悬停在按钮上；
• 在页面状态：当前访问页面是按钮链接对应条目。（表现为以悬停状态的样式展示普通状态的文字内容）

示例	单按钮	注释按钮
普通状态 （移入鼠标查看悬停状态）	编号参数1 编号参数3	编号参数1（编号参数4） 编号参数3 编号参数5
在页面状态	编号参数1	编号参数1 编号参数4

※ 本模板是以{{Moe-hover}}为基础修改而成，但并未将所使用的小部件包含在内，以避免在同一个页面内反复调用。
　 所以需要在使用本模板的页面内自行添加{{#widget:moe-hover}}配合生效。

参数说明

文本类：

• 编号参数1：必须参数。普通状态显示的内容。
• 编号参数2：必须参数。内链，不包含名字空间前缀（见下方“space”参数）。
• 编号参数3：必须参数。悬停状态显示的内容。
• 编号参数4：普通状态的注释内容，默认为空，填写后会自动加括号附在文本后。
• 编号参数5：悬停状态的注释内容，默认为空。该参数是否为空将决定按钮样式是单按钮还是注释按钮。
• space：内链的名字空间前缀，默认为无，填写时不带“:”。

数值类（单位均为px）：

• wd0：普通状态的宽度（总宽度），不填写时默认在文字左右两侧留出8px空白。
• wd1：悬停状态左半部分宽度（对于单按钮来说即为总宽度），不填写时自动使用wd0数值，wd0也为空时同样留出空白。
• 右半部分（注释部分）宽度自动设定为wd0与wd1的差值，二者中有空项时同样留出空白
• border：按钮边框宽度，对普通和悬停状态同时生效，默认为0。
• margin-x：按钮左右两侧外边距，默认为6。
• margin-y：按钮上下两侧外边距，默认为1。

颜色类：

• bkg0：普通状态的背景颜色，默认为透明。
• col0：普通状态的文字颜色，默认为无，使用父级元素指定的文字颜色。
• bkg1：悬停状态（左侧）的背景颜色，默认为白色。
• col1：悬停状态（左侧）的文字颜色，默认为黑色。
• bkg2：悬停状态注释部分（右侧）的背景颜色，默认为黑色。
• col2：悬停状态注释部分（右侧）的文字颜色，默认为白色。
• bo-col0：普通状态的边框颜色，默认与bkg0同色。
• bo-col1：悬停状态的边框颜色，默认与bkg1同色。

使用技巧

示例