简介
- 本模板用于在导航类模板中模拟简单的按钮效果内链。
- 根据所使用参数的不同,分为单按钮和注释按钮两种样式;在不同状态下表现为普通、悬停和在页面三种效果。
- 普通状态:鼠标不在按钮上;
- 悬停状态:鼠标悬停在按钮上;
- 在页面状态:当前访问页面是按钮链接对应条目。(表现为以悬停状态的样式展示普通状态的文字内容)
示例
|
单按钮
|
注释按钮
|
普通状态 (移入鼠标查看悬停状态)
|
|
|
在页面状态
|
编号参数1
|
|
※ 本模板是以{{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
同色。
使用技巧
示例